otf - import font css ttf

Caracteres cirílicos problemas al usar @ font-face

Question

Terminé con psd y usé la fuente Caviar Dreams en mi proyecto. Esta fuente contiene caracteres cirílicos y aparecen en Photoshop, pero cuando uso la misma fuente con @ font-face (fuente ardilla webfont generador) - todos los caracteres cirílicos aparecen como caracteres genéricos de fuente (arial, por ejemplo). Los caracteres latinos aparecen correctamente.

¡Le deseo lo mejor a alguien que pueda ayudarme con este problema!

archivo fontsquirrel stylesheet.css:

@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;
}

parte de mi style.css:

h2 {
font-family: ''caviar_dreams'', arial, sans-serif;
font-size: 26px;
color: #ffffff;
}

Answer 1

Al usar FontSquirrel Webfont Generator , debe marcar el botón de radio "EXPERT" y luego seleccionar los idiomas que se admitirán o el rango del código. El valor predeterminado es que solo se incluyen los caracteres utilizados en "idiomas occidentales".

Answer 2

Echa un vistazo aquí .

Ver especialmente su metaetiqueta, debería ser así <meta http-equiv="content-type" content="text/html;charset=utf-8" />

Answer 3

Consulte el manual para incluir el juego de caracteres cirílico: http://php-junior.ru/web-devel/vstraivaem-shrifty-pri-pomoshhi-font-squirrel-font-face-generator