Skip to main content
Serena25656376d9gs
Participating Frequently
Oct 7, 2024 9:57 PM UTC
Question

Illustrator SVG export does not use the web font name in the SVG file.

Our client is asking us to use a specific Adobe Font (Museo Slab). Based on Adobe's info (https://fonts.adobe.com/fonts/museo-slab#details-section+museo-slab-100) the font name is museo-slab. However, the exported SVG is using MuseoSlab-100.

<text transform="translate(495.08 1192.77)" font-size="35" font-family="MuseoSlab-100, Museo Slab" font-weight="100">Dining</text>.

We are using Asset Export to save out the files we need.  I have also attached a sample text file.  

How do we set up Illustrator to save the SVG with the Web Font name? 

This topic is closed to new replies. Start a new post to keep the conversation going.

6 replies

Brad @ Roaring Mouse
Community Expert
Brad @ Roaring MouseCommunity Expert
Community Expert
Oct 8, 2024 5:37 AM UTC

Museo Slab is the family name. It's not just one font. The 100 that follows is the weight that you have chosen; 100 being very light, ranging up to 1000 for an extra bold version.

Translate
Serena25656376d9gsAuthor
Participating Frequently
Oct 8, 2024 12:03 PM UTC

The big issue is that Adobe is telling use the font-family museo-slab in CSS. However, the SVG export is using font-family="MuseoSlab-100, Museo Slab" font-weight="100".

For code to work, there needs to be an exact match.

Translate
Anubhav M
Community Manager
Anubhav MCommunity Manager
Community Manager
Oct 8, 2024 3:43 PM UTC

Hello @Serena25656376d9gs,

Thanks for sharing the details. Please allow me some time to check this with the team.

Anubhav

Translate
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices