Mobile app version of vmapp.org
Login or Join
Lee3735518

: How to export font names as web font names in Adobe Illustrator CC I'm trying to see if there's a quick and dirty way to export Adobe Illustrator files as SVGS that use the web font names

@Lee3735518

Posted in: #AdobeIllustrator #IllustratorScripting #Svg

I'm trying to see if there's a quick and dirty way to export Adobe Illustrator files as SVGS that use the web font names on my company's website instead of the system font names on my machine. Is there a basis script that can do this?

Thanks.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Lee3735518

1 Comments

Sorted by latest first Latest Oldest Best

 

@Heady304

As mentioned by Cai, you can define the css font-name to anything you like.

font-family
Specifies a name that will be used as the font face value for font properties. MDN - @font -face

If the design you are integrating with references a font called MagicalFont it might be defined as
@font -face {
font-family: MagicalFont;
src: url(MagicalFont.ttf);
}


To update this to use your new illustrator font you can simply change the path reference to the font file.
@font -face {
font-family: MagicalFont;
src: url('Magical Illustrator Font.ttf');
}


The CSS will still function, anything defined to use font-family: MagicalFont will now be updated to the new font.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme