Firefox не распознает пользовательский шрифт - PullRequest
Новая
       26

Firefox не распознает пользовательский шрифт

1 голос
/ 29 марта 2012

Я использую следующий CSS для определения собственного шрифта на веб-странице: 

@font-face
{
    font-family:zapfino;
    src:url("zapfino.ttf");
}

Далее я определяю идентификатор, который его использует: 

#custom_font
{
    font-family:zapfino;
    font-size:18px;
}

Я протестировал страницу в Safari и Chrome, и она отлично работает. Однако в Firefox шрифт не отображается, он возвращается к значению по умолчанию. Извините, если это репост, но я искал в StackOverflow и не могу найти ответ! Кто-нибудь знает, почему это происходит? см. здесь: www.moosecodes.com (он все еще в стадии разработки! прошу прощения за беспорядок!)

Ответы [ 3 ]

3 голосов
/ 29 марта 2012

jlego прав - вы должны проверить FontSquirrel - у них есть отличный инструмент для сборки вашего комплекта и преобразования ваших файлов для вас, и вы должны всегда быть уверенным, что шрифтразрешено использовать на вашем сайте.

Однако Firefox и Chrome должны поддерживать TTF - формат, который вы используете.

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

3 голосов
/ 29 марта 2012

Каждый браузер читает только один тип файла для веб-шрифтов.К сожалению, все они имеют разные форматы файлов.Чтобы шрифт корректно отображался во всех браузерах, вам потребуется 4 различных типа файла шрифта - TTF, WOFF, SVG & EOT.Ваш код будет выглядеть примерно так: 

@font-face {
font-family: 'Zapfino';
    src: url('Zapfino.eot');
    src: url('Zapfino.eot?#iefix') format('embedded-opentype'),
         url('Zapfino.woff') format('woff'),
         url('Zapfino.ttf') format('truetype'),
         url('Zapfino.svg#SansumiRegular') format('svg');
}

Этот код основан на таблице стилей, включенной в FontSquirell шрифты.

FontSquirell имеет конвертер, но вам нужно проверить свою лицензию.Zapfino - это коммерческий шрифт, принадлежащий Adobe (?), И, насколько я знаю, использование их шрифтов с @ font-face является нарушением лицензионного соглашения.

TypeKit предлагает коммерческие шрифты дляиспользовать с @ font-face за плату, соответствующую лицензионным соглашениям.

0 голосов
/ 10 октября 2012

У меня была такая же проблема .... мне был полезен ответ от jlego.Мой шрифт был распознан в Chrome и IE.В FF мой TTF не распознавался до тех пор, пока я не добавил формат ('truetype') в мой файл CSS.

...