@ font-face Firefox Mac только.Обивка сверху и снизу по тексту - PullRequest
Новая
       10

@ font-face Firefox Mac только.Обивка сверху и снизу по тексту

2 голосов
/ 23 марта 2011

Я использую функцию @ font-face css для использования пользовательских шрифтов.Они отлично смотрятся во всех браузерах (например, Chrome, Safari, Opera) на Windows и Mac, за исключением любой версии Firefox Mac.

В основном, шрифт добавляет дополнение выше и ниже шрифта на всех h1 h2 иp теги, использующие этот шрифт только в Firefox mac .однако при использовании одной и той же версии firefox на компьютере windows шрифт отображается без каких-либо дополнительных отступов.

Во всех других браузерах на Mac и PC шрифт отображается без ошибокэто дополнительная обивка.Это только на Firefox Mac!

Вот код @ font-face css, который я использовал, сгенерированный font-squirrel с использованием рекомендуемых настроек. 

@font-face {
    font-family: 'TelegraficoRegular';

    src: url('telegrafico-webfont-webfont.eot');
    src: url('telegrafico-webfont-webfont.eot?iefix') format('eot'),
         url('telegrafico-webfont-webfont.woff') format('woff'),
         url('telegrafico-webfont-webfont.ttf') format('truetype'),
         url('telegrafico-webfont-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TelegraficoRegular';

    src: url('telegrafico-webfont-webfont.eot');
    src: url('telegrafico-webfont-webfont.eot?iefix') format('eot'),
         url('telegrafico-webfont-webfont.woff') format('woff'),
         url('telegrafico-webfont-webfont.ttf') format('truetype'),
         url('telegrafico-webfont-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TelegraficoRegular';

    src: url('telegrafico-webfont.eot');
    src: url('telegrafico-webfont.eot?iefix') format('eot'),
         url('telegrafico-webfont.woff') format('woff'),
         url('telegrafico-webfont.ttf') format('truetype'),
         url('telegrafico-webfont.svg#webfontRUJiw7XW') format('svg');
    font-weight: normal;
    font-style: normal;

}

это примерcss я применяю к тегам h1 h2 

#logo h1 { 
font-family:'TelegraficoRegular';
font-size:60px;
margin:0;
padding:0;

}

Даже с указанием поля: 0 и отступа: 0 он по-прежнему добавляет заполнение или что-то сверху и снизу, но только в Firefox Mac.

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

Я был бы очень признателен за любую помощь.Спасибо

Джек

...