Clever Geek Handbook

Google Chrome update to 37 makes the text a little bolder

Just updated to Chrome 37 and the Segoe UI Lighter font I'm using for my website looks a little bolder. Can you fix this?

this example shows it:

<h1 style="font-family: Segoe UI Light, Segoe UI; font-weight: lighter">
    The <i>quick brown fox jumped over the lazy dog</i>
</h1>

In Internet Explorer 9, Safari 5 and Opera 21, it looks the same as in previous versions of Chrome. But in Chrome 37, it's a little bolder - presumably due to the DirectWrite switch (?).

+3


source to share


3 answers


I think this is just a bug in version 37 that prevents Chrome from giving away Segoe UI Light. See: https://code.google.com/p/chromium/issues/detail?id=408587



What's going on is that it cannot render the Segoe UI Light for whatever reason, so it moves on to the next fallback font (Segoe UI) that it can render. This is why your text looks a little bolder.

0


source


Try adding this to the font style you are having problems with.

  -webkit-font-smoothing: antialiased;


I think the difference you are seeing has to do with when you specify light versus weight, say 300. So the browser might look different. So if that doesn't work, try specifying your desired weight

0


source


I found out that adding this to the font style would fix it.

backface-visibility: hidden;
-webkit-backface-visibility: hidden;
0


source






More articles:


All Articles