Get a free trial // Grow your CSS skills // Land your dream job

If font not supported use different position in svg

  • # January 26, 2013 at 1:50 pm

    I have an .svg, which I created with Adobe Illustrator, with the font being Franklin Gothic-Medium. Mobile Apple devices (what I tried) don’t support this font so switch to Time New Roman. I edited the svg file to include other web-safe fonts such as Geneva, and sans-serif, but the spacing is messed up when Franklin Gothic-Medium isn’t being used (the e overlaps the B). Check it out below: remove the Franklin Gothic-Medium font and see what happens.

    I was wondering if there is a way to change the positioning or letter spacing only if Franklin Gothic-Medium isn’t being used. CSS is also an option; I’m willing to use anything code-wise to get this to work. Installing the font is my last resort as I don’t want to slow down my website. Thanks a lot!

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed