CODEWITHSUNDEEP
cssfont-face
just_user
just_user

Reputation: 12067

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?

Upvotes: 0

Views: 730

Answers (2)

Jukka K. Korpela
Jukka K. Korpela

Reputation: 201778

Something is wrong with the font, but without more information (where did you get the font from, what did you do with it?), it is impossible to say what went wrong. But assuming you mean the Roboto font distributed at developer.android.com (which is distinct from the Google font with the same name, by a different designer), just download their font package, unzip it, process it with Fontsquirrel @font-face generator, and use the CSS provided by the generator. I just tested, and German characters appear OK.

The characters that look bolder might be from a normal (weight 400) typeface of the font, or from a different font, presumably because the light typeface does not contain them.

Upvotes: 0

just_user
just_user

Reputation: 12067

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.

Upvotes: 1

Related Questions