1

Здравствуйте! Делаю сайт для дочки - www.симультики.рф. Подскажите, почему у меня не функционирует стандартный вроде бы набор css-правил для fontface:

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

}

взятый со всем известного генератора (@font-face Generator)? Я ставлю данный код в файл css, копирую шрифты на сервер, что не так сделал?..

1
  • Все понятно - в генераторе надо проставить галочку на кириллице в разделе языков.
    – Aviko
    30 сен 2012 в 7:12

3 ответа 3

2

Вы его подключили все правильно, но вы не подключили его к самому CSS т.е если у вас этот шрифт для всего сайта, то в тэг body пропишите так:

/* body
   ----------*/
body {
    font: 14px "cassandraregular", "Arial";
    }

Arial тут как безопасный шрифт! Но также не забываем прописать в CSS точный путь где лежит ваш сконвертированный шрифт url('cassandra-webfont.eot'); - он должен содержать путь например style.css у вас в папке CSS, а шрифт отдельно в папке FONT.

Значит в url будет таким url('../cassandra-webfont.eot'); либо url('../../cassandra-webfont.eot');
10
  • А обязательно прописывать именно в боди? Я например прописываю данный шрифт только для заголовков. Правильный путь вроде прописал - шрифты закинул в корневую, а путь указал просто 'cassandra-webfont.eot' и т.д., не сработало(...
    – Aviko
    27 сен 2012 в 9:16
  • конечно не обязательно, все зависит от того где именно вы будете применять тот или иной шрифт. я привел как пример.
    – nosensus
    27 сен 2012 в 9:17
  • ну, я прописал для заголовков font-family: 'cassandraregular', serif;, что ж не работает-то?..
    – Aviko
    27 сен 2012 в 9:18
  • быть может от того что путь не правильный? откройте firebug наведите на ваш заголовок и посмотрите подгрузился ли у вас шрифт в CSS
    – nosensus
    27 сен 2012 в 9:19
  • Странно, но нет, не подгрузился! Я уже чего только не делал, и полный путь типа симультики.рф/css прописывал и в корень клал, что ж такое?!
    – Aviko
    27 сен 2012 в 9:23
0

@font-face Generator - генератор хороший, но с кириллицей у него действительно пробоемки бывают. Попробуйте использовать вот этот генератор, в 99% таких случаев, он меня выручал.

4
  • в генераторе надо выбрать экспертный режим и проставить галочку на кириллице в разделе языков и все решается
    – Aviko
    30 сен 2012 в 7:37
  • Нет, не "все решается". Если бы я с данной проблемой не сталкивался, то не писал бы.
    – Deonis
    30 сен 2012 в 7:40
  • ну незнаю, смотрю на browsershots, все везде вроде бы нормально, а какие у вас проблемы?
    – Aviko
    30 сен 2012 в 7:42
  • > ... а какие у вас проблемы? @Aviko, у меня? ))) Сейчас много проблем, напр., правительство, дураки и дороги )) А с шрифтами - уже давно проблем нет
    – Deonis
    30 сен 2012 в 7:44
0

Я понимаю, что это уже не актуально, но поисковики при проблемах со шрифтами выкидывают на эту страницу. Поэтому решил добавить.

Вот инструкция, что надо сделать вот в этом генераторе шрифтов для корректного отображения кириллицы. Так же нужно проследить за правильностью размещением файлов и пути в css к ним.

1
  • добро пожаловать на Stack Overflow на русском! здесь принято давать полный ответ, а ссылки приводить лишь в качестве дополнения/иллюстрации. 22 апр 2016 в 13:33

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.