Проблемы с кириллическими символами при использовании @font-face

Я закончил с psd и использовал шрифт Caviar Dreams в своем проекте. Этот шрифт содержит символы кириллицы, и они отображаются в фотошопе, но когда я использую тот же шрифт с @font-face (генератор веб-шрифтов font squirrel) - все символы кириллицы отображаются как символы общего шрифта (например, arial). Латинские символы отображаются правильно.

Все наилучшие пожелания тому, кто может помочь мне с этой проблемой!

файл таблицы стилей fontsquirrel.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;

}

часть моего style.css:

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

person Ralph Sandoval    schedule 27.08.2013    source источник


Ответы (3)


При использовании генератора веб-шрифтов FontSquirrel необходимо установить переключатель "EXPERT", а затем выберите поддерживаемые языки или диапазон кодов. По умолчанию включены только символы, используемые в «западных языках».

person Jukka K. Korpela    schedule 27.08.2013
comment
Спасибо! Жаль, что я не могу представить ответ! :) - person Ralph Sandoval; 27.08.2013
comment
@YevgenyPotapov, не забудьте принять этот ответ - person Dmitry Koroliov; 05.02.2014

Посмотрите здесь.

Особо следите за своим метатегом, он должен быть таким <meta http-equiv="content-type" content="text/html;charset=utf-8" />

person fiskolin    schedule 27.08.2013

См. руководство по включению кириллической кодировки: http://php-junior.ru/web-devel/vstraivaem-shrifty-pri-pomoshhi-font-squirrel-font-face-generator

person VVS    schedule 20.11.2013