CODEWITHSUNDEEP
cssfontsinternet-explorer-9
timdream
timdream

Reputation: 5922

Weird sans-serif and serif font in IE9 and IE10

I am working on my portfolio website:

http://timdream.org/

Everything checks out in Firefox and Chrome, but when I open it up on IE9 and IE10, the text of the entire page (apart from the web font header and the "I realise dreams" phrase) was being assigned a weird unknown font.

I've double checked all the code, where in HTML I got

<html lang="en">

and in CSS I got

body {
    font: 12px/16px serif
}

supposedly the above should tell to render the page in default Latin-based serif font, which is Times New Roman had user not change it.

What happened exactly?

Note: source code available for testing at https://github.com/timdream/timdream.github.com . Remove appCache manifest to prevent enabling it in Chrome when testing.

Update: screenshot in IE9 below.

Screenshot

Upvotes: 1

Views: 2441

Answers (2)

Jukka K. Korpela
Jukka K. Korpela

Reputation: 201798

The font in the screenshot is Batang, and it appears because it is what the generic font name serif is mapped to in IE (in several versions).

For some more notes on this, see https://webmasters.stackexchange.com/questions/34399/unknown-css-font-family-oddity-with-ie7-10-on-windows-vista-7-8

Upvotes: 2

Mark Ransom
Mark Ransom

Reputation: 308462

Is it possible that your web server is including a Content-Language HTTP response that is overriding your lang="en"?

Upvotes: 1

Related Questions