CSS3 встраивание шрифтов - PullRequest
Новая
       22

CSS3 встраивание шрифтов

1 голос
/ 08 марта 2011

Я пытаюсь просто вставить шрифт, который я загрузил на свой сервер.

Все загружается правильно, но отображается неправильный шрифт. Я знаю, что это происходит потому, что когда я удаляю код @ font-face, визуализированный шрифт HTML меняется.

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

@font-face {
    font-family: Joan;
    src: url("../fonts/joan.otf") format('font/opentype');
}
body {
    background: url('../images/bg.gif');
    font-family: Joan;
}

Ответы [ 2 ]

2 голосов
/ 13 августа 2011

http://www.fontsquirrel.com/fontface/generator

До сих пор побеждает для меня в моих связанных приключениях.

Вот веб-сайт Я работаю с ним, как мы говорим: http://bigballoon.businesscatalyst.com/

1 голос
/ 08 марта 2011

Возможно, вам придется поместить имя шрифта в кавычки.Кроме того, для совместимости с MSIE вам необходимо преобразовать шрифт в формат .eot.Вот "пуленепробиваемый" @ font-face как за paulirish.com .Возможно, вам придется настроить в зависимости от полного / постскриптумного имени шрифта: 

@font-face {
   font-family: 'Joan';
   src: url('../fonts/joan.eot');
   src: local('Joan Regular'), local('Joan'), 
        url('../fonts/joan.otf') format('opentype'); 
}
...