CODEWITHSUNDEEP
htmlcsswebfontsfont-face
Dominik
Dominik

Reputation: 4778

CSS bug with umlauts (äöü) using @font-face

I have integrated wf_SegoeUILight as a font into my website goo.gl/Ae4VK. However in my umlauts äöü it displays the font incorrectly. Any idea what I am doing wrong here?

Here is the incorrect umlaut "ü" Incorrect umlaut

The original from Microsoft looks pretty good

microsoft original

Upvotes: 1

Views: 1636

Answers (3)

egrunin
egrunin

Reputation: 25083

The page looks correct here in browsers both new (Chrome) and old (IE8). So probably your browser is caching something.

Try it from a different machine. Of course, it's possible that my browsers have cached the 'right' font and are hiding the problem.

Upvotes: 0

Pekka
Pekka

Reputation: 449733

The font you are embedding,

http://i.s-microsoft.com/fonts/Segoe-UI/Cyrillic/Light/latest.ttf

doesn't seem to be containing German Umlauts, so the browser substitutes the characters with the next font in the list that does.

The Microsoft web site that you refer to seems to be using a different font file,

http://i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.ttf

Upvotes: 1

GuiGreg
GuiGreg

Reputation: 341

I think your font do not contain äöü. So it renders in another font which explain the difference.

Upvotes: 3

Related Questions