If you also use text-rendering: optimizeLegibility in your stylesheet, that can cause Internet Explorer to render some thicker fonts as bold when they should render as normal weight. The -webkit prefixed rules target Chrome and Safari, which use the Webkit rendering engine for their browser. This plugin allows you to force webpages use the WebKit antialiasing feature, or alternatively, completely disable it. The -moz prefixed rules target only Firefox. Adds configurable font anti-aliasing to all webpages you visit. * Put this near the top of your style.css To really smooth the font and not have anything too blurry websites usually use the text-shadow. This is generally a problem in Chrome running on Windows only. They are most likely using the -webkit-font-smoothing hack. * Fix fonts that render as bold in Firefox Chrome doesnt render the fonts like Firefox or any other browser does. Some of the fonts that have been known to trigger the Firefox font weight quirk are: If you use Typekit to serve webfonts to your site, this Firefox bug can also appear. This browser quirk most happens most often with thicker fonts, with Firefox on Mac or OSX, although it can also occur on Windows. What went wrong While any animation is active on the page, relative or absolutely positioned elements get their -webkit-font. When Does Firefox Incorrectly Render Fonts As Bold? There are some CSS rules you can add that will fix the problem. How do you fix it when the Firefox font weight renders too bold? In Firefox, some fonts render as bold when they should render at a normal font weight.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |