Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I have a problem with svg backgrounds that render differently in browsers.In Chrome the letters are correctly gill sans light and two words are bold. That's not the case in Firefox. How do I fix this, so it looks like in Chrome across all browsers?

Also - they appear FPS-heavy even though the files are under 1kb. Why is this?

site: http://www.teamgenerous.com

Browsers: newest versions

different rendring Chrome and Firefox

Thank you

share|improve this question
1  
Don't you to convert text to outlines before save? –  Vnovak Jun 17 at 16:47
    
Have played with Adobe CEF/SVG with and without subset.. no results in Firefox. Only the outline works. –  Vnovak Jun 17 at 16:57
2  
See this question here: stackoverflow.com/questions/20905026/… –  DA01 Jun 17 at 17:01
1  
@Vnovak you could, but then lose the benefit of having text in the SVG from an accessibility/SEO standpoint. –  DA01 Jun 17 at 17:02
    
looks like font need to be hosted at the same host as page.. and it more looks like embedding of font to website. I am not sure, but it can rise copyright issues and will require separate license (similar to web font usage). If so, simpler to run font as web font instead SVG. Can be wrong ;) –  Vnovak Jun 17 at 17:06

1 Answer 1

because each browser has a default font, for render it, you shall use css normalize like it library , or disable default font with javascript and css

share|improve this answer
    
Hi Adrian, welcome to GDSE and thanks for your answer! If you have any questions, please see the help center or ping one of us in chat once your reputation is sufficient (20). Keep contributing and enjoy the site! –  Vincent Sep 10 at 20:14

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.