Diacritics thicker than rest of the letters

StackOverflow https://stackoverflow.com/questions/17530432

  •  02-06-2022
  •  | 
  •  

Frage

I'm using Open Sans font from Google Fonts on one of my page, and altho I'm using almost the same style regarding the font as Google does, my diacritics are somewhat thicker than the rest of the letters:

enter image description here

(you can see the live version at www.cabsurf.com)

The only difference in my CSS is the way I declare the font family:

font-family: 'Open Sans', Helvetica, Arial, sans-serif;

But it will look the same even if I leave only Open Sans in the declaration.

I've placed the same text in Google Fonts page above (using inspect element in Chrome) and the text is rendered correctly on their side, so I know the font is ok.

Any idea what am I doing wrong ?

EDIT:

Using Chrome 27 / Firefox 22 on MacOS X 10.8.4

War es hilfreich?

Lösung

Google will use any sub-set of the font it wants. Did you make sure to check the correct boxes when you got the code for it?

When I append <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300&subse‌​t=latin,cyrillic-ext,cyrillic,latin-ext' rel='stylesheet' type='text/css'>to your <head>, all the characters look correct.

Just make sure to check whichever sub-sets you need so you don't get unnecessarily large files.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top