[Solved] Typekit fonts much bolder in Firefox
# July 12, 2012 at 8:15 am
Well, it looks like the issue is Mac only. The font renders fine, if not better, on a pc with latest builds of both browsers. I’m going to attach an image of the same text in each browser on Mac for comparison. As I mentioned earlier I’m using Typekit to serve the fonts to the site and assigning them via my css. Thanks!
You can really notice the difference in the heading “Testing!”.
Here is a screenshot of latest Chrome build;
Here is a screenshot of latest FF build;
*Edit: Sorry, I didn’t see any place to upload images and I couldn’t get the img tags to work.# July 12, 2012 at 10:05 am
Thanks, In the “How to ask a Good Question” post referenced on the sidebar it instructs you to use a [img]shortcode. I have font-smoothing enabled via webkit browsers, this however is a -moz problem. The font renders correctly in Chrome/Safari, it’s Firefox that is adding the false boldness.# July 12, 2012 at 10:57 am
I’ve got several weights used throughout the website. The problem is that Firefox renders the font noticeably bolder at any weight. Even at lighter weights anyone can see that Firefox is adding some level of boldness. I’m just trying to figure out why it’s a Mac/Firefox only problem. I’m also trying to figure out if I am the only one experiencing this?# July 12, 2012 at 11:22 am
I specify several font weights in my Typekit Kit. I then set some elements such as headers to font-weight: 900 and other elements such as body text to font-weight: 600. The problem is no matter what the font-weight is set to, Firefox renders it bolder than it should be. I just can’t seem to find a solution! ;/# July 12, 2012 at 11:26 am
@ jeremiahadkins Wait. Are you declaring different font weights to different weights of the actual font-family (light, medium, bold) or to one single font?
Honest, I don’t believe there is one. Fonts render differently in some browsers as they use different rendering engines.
You must be logged in to reply to this topic.