This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Firefox 21 applying weird kerning to Typekit font DIN

  • 5 majibu
  • 4 wana tatizo hili
  • 1 view
  • Last reply by daveis

daveis
daveis
more options

Recently noticed with FF 21 that there is some weird letter-spacing issues happening with one of my Typekit fonts on a production website. Nothing has changed with the codebase/implementation of the web font on my site, however FF 21 seems to be doing some weird things to the font.

The font affected is DIN Condensed Web from Typekit.

It is rendering correctly in all other browsers I've tested on my Mac (Opera, Chrome, Safari, etc).

Screenshot in FF: http://i.imgur.com/2xS508Z.png Screenshot in Chrome: http://i.imgur.com/5BMc31G.png

Any ideas what might be causing this?

Recently noticed with FF 21 that there is some weird letter-spacing issues happening with one of my Typekit fonts on a production website. Nothing has changed with the codebase/implementation of the web font on my site, however FF 21 seems to be doing some weird things to the font. The font affected is DIN Condensed Web from Typekit. It is rendering correctly in all other browsers I've tested on my Mac (Opera, Chrome, Safari, etc). Screenshot in FF: http://i.imgur.com/2xS508Z.png Screenshot in Chrome: http://i.imgur.com/5BMc31G.png Any ideas what might be causing this?

Chosen solution

Issue appeared to have been related to Typekit. We contacted their support to report the issue... and then I also re-published my Kit. The misbehaving font seems to be working properly again. Not sure if this was fixed through an action from TypeKit support staff, or simply from the republishing of the kit.

Read this answer in context 👍 0

All Replies (5)

Microrobot
Microrobot
more options

There is an update for FireFox it is now 22. Try updating to FireFox 22 it could fix your problem.

daveis
daveis Mwenye swali
more options

I updated to FF 22. My problem still persists. Still have weird kerning on this web font - which never had issues in the past. Not solved... but thanks for the reply!

Microrobot
Microrobot
more options

Found a solution! https://support.mozilla.org/en-US/questions/922549

daveis
daveis Mwenye swali
more options

Thanks again for the quick reply.

I tried the solutions from that thread, but it did not solve my issue.

Here is what I tried:

  1. "Allow pages to choose their own fonts, instead of my selections above"
  2. Restart Firefox
  3. "Disable hardware acceleration when available"
  4. Restart Firefox

Still no luck :(

Modified by daveis

daveis
daveis Mwenye swali
more options

Suluhisho teule

Issue appeared to have been related to Typekit. We contacted their support to report the issue... and then I also re-published my Kit. The misbehaving font seems to be working properly again. Not sure if this was fixed through an action from TypeKit support staff, or simply from the republishing of the kit.