Search code examples
cssfont-face

Font-weight changed on german letters

I'm trying to use androids roboto font on a website it works fine until I get a german letter in a text then it looks like the font-weight is changed.

Its imported like this:

@font-face {
font-family: 'RobotoLight';
src: url('Roboto-Light-webfont.eot');
src: url('Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
     url('Roboto-Light-webfont.woff') format('woff'),
     url('Roboto-Light-webfont.ttf') format('truetype'),
     url('Roboto-Light-webfont.svg#RobotoLight') format('svg');
font-weight: normal;
font-style: normal;

}

and then it looks like bellow.

enter image description here

Would this be of a faulty font or because of a css setting? Any suggestions of how this could be fixed?

Solution

  • Answer: the font is faulty. If you want to use non-english characters and the Roboto-font dont download the web-prepared one. It seems to be reduced to be quicker to load and is there for missing some characters. Download the original and convert the fonts yourself.