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

Forum|Forum|1 year ago
October 7, 2024
1 reply
702 views

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?

Activist-fp1-base-txt.svg

This topic has been closed for replies.

Brad @ Roaring Mouse

Community Expert

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.

S

Serena25656376d9gsAuthor

Participating Frequently

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.