Tuesday 27 August 2013

Cyrillic characters trouble using @font-face

Cyrillic characters trouble using @font-face

I've finished with psd and used Caviar Dreams font in my project. This
font contains cyrillic characters and they appear in photoshop, but when I
use the same font with @font-face (font squirrel webfont generator) - all
cyrillic characters appear as generic font characters (arial for example).
Latin characters appear properly.
All the best wishes to somebody who can help me with this problem!
fontsquirrel stylesheet.css file:
@font-face {
font-family: 'caviar_dreams';
src: url('caviardreams_no_latin-webfont.eot');
src: url('caviardreams_no_latin-webfont.eot?#iefix')
format('embedded-opentype'),
url('caviardreams_no_latin-webfont.woff') format('woff'),
url('caviardreams_no_latin-webfont.ttf') format('truetype'),
url('caviardreams_no_latin-webfont.svg#caviar_dreamsregular')
format('svg');
font-weight: normal;
font-style: normal;
}
part of my style.css:
h2 {
font-family: 'caviar_dreams', arial, sans-serif;
font-size: 26px;
color: #ffffff;
}
part of my html linking to fontsquirrel stylesheet.css:

No comments:

Post a Comment