Разный размер шрифта только для Firefox

Question

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

Я использую пользовательский шрифт, и он отлично работает на chrome и IE, однако для Firefox он не отображает пользовательский шрифт и просто отображает следующий доступный шрифт, который является Verdana. Я не против, однако моя проблема в том, что шрифт Verdana меньше по размеру, чем мой собственный шрифт, поэтому, если я установил его в 7.5pt как размер шрифта, пользовательский шрифт появится в два раза больше. В любом случае, я могу установить размер шрифта выше только для Firefox?

Вот CSS для DIV, что имя пользователя находится в:

font-size: 7.5pt; 
color: #9f1717; 
text-align: center; 
font-family: xirod, xirodeot, Verdana, Geneva, sans-serif; 

Answer 1

Я предлагаю либо использовать формат, шрифт, который поддерживает Firefox, или с помощью font-size-adjust, чтобы получить равномерные размеры разных семейств шрифтов.

Вы можете использовать font-size-adjust, добавив следующий CSS:

font-size-adjust:0.5; 

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

Answer 2

Вы должны быть в состоянии получить его во всех браузерах теперь adays. Предоставление шрифта не защищено авторским правом, вы можете загрузить его до Font Squirrel и создать собственное CSS-решение для встраивания шрифтов для вашего сайта. Я предлагаю вам попробовать это. Если это не сработает, всегда есть jQuery browser detection solutions, где вы можете просто загрузить отдельный лист стиль ..

Используйте следующий код с этого плагина браузер обнаружения:

if($.browser.mozilla) { 
    document.write("<style type='text/css'>body { font-size: 3.75pt; }</style>"); 
} 

Answer 3

Любой шанс это вызвано cross-origin policy kicking in ? Это будет случай, если вы храните шрифты и/или другие статические ресурсы на CDN или только в другом поддомене. В настоящее время только FF реализует его по спецификации, но я бы предположил, что другие браузеры начнут подбирать поведение.

Добавление http-заголовка в файл шрифта, аналогичный файлу Access-Control-Allow-Origin: *, поможет решить проблему - и быстрый поиск в Google даст лучшие результаты для спецификаций правил, чем я мог бы здесь описать.

...

Не так ли? Вы можете предназначаться Firefox специально со структурой, которая относится только к определенным URL-префикс - если вы не передать значение префикса он всегда будет применяться, но может быть понята только в FF-браузер:

@-moz-document url-prefix() { 
    .username {font-size:15pt;} 
} 

Answer 4

использование CSS селектор браузера, для справки см.