: SVG files render differently in browsers - typography I have a problem with svg backgrounds that render differently in browsers.In Chrome the letters are correctly gill sans light and two words

Posted in: #Svg #WebFonts #WebSafe #WebsiteDesign

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: www.teamgenerous.com

Browsers: newest versions

Thank you

10.02% popularity Vote Up Vote Down

: Getting the right shade of grey to print I have a background in my CYMK photoshop document which is mid to dark grey and is made up of C69 M60 Y56 K66 ( it came from rgb 36 36 36) ...

@Gretchen549

Posted in: #AdobePhotoshop #Black #PrintDesign

3 Comments

: How to tint or alter the colour of a pattern in Inkscape? I am able to import and apply patterns to objects, but I don't know how to adjust the colour of the patterns. How does one tint

@Gretchen549

Posted in: #Color #HowTo #Inkscape #Patterns

1 Comments

: Can someone Help me Identify this Font? This is the font that i can't manage to identify.. or to find a close one. If someone can help me. Thanks

@Gretchen549

Posted in: #FontIdentification #Serif

2 Comments

: What are the proportion ratios for a photo album published in print and on tablets? We want to do a photo album which we intend to publish in print and also electronically on iPad and Android

@Gretchen549

Posted in: #AdobeIndesign #DrawingTablet #PrintDesign

1 Comments

Login to post a comment!

2 Comments

Sorted by latest first Latest Oldest Best

@Heady304

Actually this is a known "wontfix" bug with Firefox not fully supporting SVG fonts. Once WOFF2 becomes fully supported, Firefox will render SVG font outlines embedded in an OpenType-flavored WOFF 2 font. At least that's the idea. Learn more here: bugzilla.mozilla.org/show_bug.cgi?id=119490

10% popularity Vote Up Vote Down

@Shelley591

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

10% popularity Vote Up Vote Down

Feed

: SVG files render differently in browsers - typography I have a problem with svg backgrounds that render differently in browsers.In Chrome the letters are correctly gill sans light and two words

More posts by @Gretchen549

: Getting the right shade of grey to print I have a background in my CYMK photoshop document which is mid to dark grey and is made up of C69 M60 Y56 K66 ( it came from rgb 36 36 36) ...

: How to tint or alter the colour of a pattern in Inkscape? I am able to import and apply patterns to objects, but I don't know how to adjust the colour of the patterns. How does one tint

: Can someone Help me Identify this Font? This is the font that i can't manage to identify.. or to find a close one. If someone can help me. Thanks

: What are the proportion ratios for a photo album published in print and on tablets? We want to do a photo album which we intend to publish in print and also electronically on iPad and Android

Login to post a comment!

2 Comments

Back to top | Use Dark Theme