Firefox drops letters when using Franklin Gothic webfont, but not Safari
I have bought the web version of Franklin Gothic Book, Medium and Demi from MyFont - and started to use these in my new site in development.
We have hit a few problems which has caused me to have to reconsider the whole issue - unless help us at hand:
Problem 1 - Firefox drops several letters/characters and so is no use to me at all as it is.
The problem doesn't happen in Safari.
Problem 2 - Font looks poor at about 20px size - in any browser on Windows XP - see attached 3
I would really like to have the fonts on my new site - and wasn't anticipating any problems bearing in mind the publicity fonts on sites has been getting over the last 12 months. However, I may need to ask for my money back unless we can get this version of Franklin Gothic Book, Medium and Demi to work.
Screenshots and urls available on request
Chosen solution
It's a problem with the font.
The font has the ligature characters removed, but the ligature tables are still there. MyFonts says you should be able to regenerate the font with the full character set:
You should be able to log in to your account, Access your 'Order History', select the appropriate purchase, then select 'Webfont Kit Builder', just to the right of 'Easy', and 'Desktop Font Downloads'. If you click on the Font sample (the quick brown fox), you will see advanced character options. Please choose Keep Open Type Layout (complete character set will be automatically selected) and download the kit. ***(If this option is available for your font you will want to select the font under 'Available Webfonts' on the 'Webfont Kit Builder' page, then, under 'Selected Webfonts -> OpenType Layout', check the 'Keep All OpenType Layout.' option.)***
If the problem persists, or if you can't regenerate the webfont, and you only need to support Firefox 4+, you can work around the problem by adding -moz-font-feature-settings: "calt=0,liga=0"; to your @font-face.
If you also need to support Firefox 3.6, you can use text-rendering:optimizeSpeed; as an alternative workaround.
Thanks to Ted Mielczarek and Jonathan Kew for their troubleshooting help.
Read this answer in context 👍 2All Replies (3)
Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox.
http://forums.mozillazine.org/viewforum.php?f=25
You'll need to register and login to be able to post in that forum.
Chosen Solution
It's a problem with the font.
The font has the ligature characters removed, but the ligature tables are still there. MyFonts says you should be able to regenerate the font with the full character set:
You should be able to log in to your account, Access your 'Order History', select the appropriate purchase, then select 'Webfont Kit Builder', just to the right of 'Easy', and 'Desktop Font Downloads'. If you click on the Font sample (the quick brown fox), you will see advanced character options. Please choose Keep Open Type Layout (complete character set will be automatically selected) and download the kit. ***(If this option is available for your font you will want to select the font under 'Available Webfonts' on the 'Webfont Kit Builder' page, then, under 'Selected Webfonts -> OpenType Layout', check the 'Keep All OpenType Layout.' option.)***
If the problem persists, or if you can't regenerate the webfont, and you only need to support Firefox 4+, you can work around the problem by adding -moz-font-feature-settings: "calt=0,liga=0"; to your @font-face.
If you also need to support Firefox 3.6, you can use text-rendering:optimizeSpeed; as an alternative workaround.
Thanks to Ted Mielczarek and Jonathan Kew for their troubleshooting help.
Thanks Ted and Jonathan - these answers proved very useful.
I wasn't expecting a quick reply from MyFonts - but got just that shortly after I posted my problem. The only problem we couldn't resolve was poor font rendering in XP browsers especially with fonts at above 16px size - so used CUFON to render the font as images on the fly. This looks really good in any browser I believe. The downside is that even though the live text is there it doesn't look like it when you try copy and paste it. A small problem when I was originally concerned about missing characters.
Thanks again, Rob
