• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Displaying custom fonts in SVG online

Enthusiast ,
Jan 16, 2021 Jan 16, 2021

Copy link to clipboard

Copied

I just created my first images with Illustrator. They work perfectly except for one problem - my custom fonts got left behind.

 

After searching for information, I'm confused by all the options, which are very technical to boot. I think the easiest route might be to just try that Nano program. Is that generally recommended, or is there a better alternative?

 

Thanks.

Views

1.5K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Jan 17, 2021 Jan 17, 2021

In that case you will load the custom font in your CSSfor your website anyway, right?

You can style fonts in an SVG with CSS as well, but then you will need to edit it after exporting from Illustrator.

 

There should be a couple of tutorials on how to apply CSS styling to an SVG.

 

Votes

Translate

Translate
Adobe
LEGEND ,
Jan 17, 2021 Jan 17, 2021

Copy link to clipboard

Copied

Entirely depends on where you plan on uploading your stuff. Embedding entire font sets into SVG/ CSS/ JS will naturally bloat the files and to boot, you may not be able to upload the package to some servers for safety reasons. Likewise, it may simply not render correctly on some devices. Rinse repeat for uploading web fonts or native fonts to sites you don't have full control over. Stuff can simply get lost or blocked or not display. Some more info on where you actually plan to publish the files might be helpful.

 

Mylenium

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Enthusiast ,
Jan 17, 2021 Jan 17, 2021

Copy link to clipboard

Copied

I want to use the custom fonts on my websites. Thanks for the tips.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 17, 2021 Jan 17, 2021

Copy link to clipboard

Copied

LATEST

In that case you will load the custom font in your CSSfor your website anyway, right?

You can style fonts in an SVG with CSS as well, but then you will need to edit it after exporting from Illustrator.

 

There should be a couple of tutorials on how to apply CSS styling to an SVG.

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines