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!

    http://codepen.io/jberk/pen/ikLHF

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".