Search code examples
htmlcsswindowsfont-facewebfonts

Windows, @font-face and Cyrillic

I'm having a problem with font-face and Cyrillic characters. When displayed in any browser on OS X the fonts render properly, but when viewed on a Windows 7 machine (chrome, ie etc), the fonts fail to render.

The fonts have been put through Font Squirrel and the demo that comes with the files also fails.

The font-face css:

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

Heres a really basic example of my problem. http://joshmahony.com/font_test/opensans-regular-demo.html

Edit: I've updated my link so fonts fallback to times new roman and added some english characters to show that the Cyrillic is falling back.

Solution

  • You have probably generated a version of Open Sans that does not contain Cyrillic characters. Using Google Web Fonts pages, you need to check the relevant checkbox(es) in the user interface. For Russian, I suppose checking “Cyrillic” is enough, “Cyrillic Extended” is not needed.

    The choice is to be made on the “Almost done” page, under “2. Choose the character sets you want”.