Firefox 19 на Mac и Arial Узкий

У меня возникли проблемы с выяснением, почему Arial Narrow корректно отображает некоторых пользователей Firefox на Mac, а не на других. Вот ссылка: http://teknikor.bethmotta.com/ (см навигационный шрифт)Firefox 19 на Mac и Arial Узкий

Мой код:

font-family: "Arial Narrow", Arial sans-serif; font-weight:500; 
font-stretch:condensed;

Я даже пытался добавить сброс шрифта:

font-family: inherit; font-stretch:inherit; font-style:inherit; 
font-family: "Arial Narrow", Arial sans-serif; font-weight:500; 
font-stretch:condensed;

И я попытался предназначаться Firefox конкретно:

@media screen and (-webkit-min-device-pixel-ratio:0){ 
ul.navcontainer li { 
font-family: inherit; font-stretch:inherit; font-style:inherit; 
font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-stretch:condensed;} 
}

Я не уверен, почему он работает для некоторых пользователей Firefox Mac, а не для других. На всех проверенных компьютерах работает Firefox 19. В компьютерах, где Arial Narrow не работает, шрифт по умолчанию не имеет значения Times not Arial.

Я заметил, что на компьютерах, где он отображается правильно, Arial Narrow установлен в пользовательской библиотеке, а также в системной библиотеке. На компьютерах, где я вижу Times, Arial Narrow находится только в системной библиотеке, а не в пользовательской библиотеке ... однако Arial установлен в обоих случаях, так почему навигационная система по умолчанию использует Times?

В целом, Firefox предназначает шрифты в библиотеке или системной библиотеке Mac?

Любые другие предложения о том, как исправить это? Я что-то пропустил?

Любая помощь очень благодарна.

источник

2013-03-04 Beth

ОК, ну, я понял что-то, если кто-то заинтересован. Я добавил «arial» в нижнем регистре в таблицу стилей, а Firefox по умолчанию - arial, а не Times.

источник

2013-03-07 20:10:28 Beth

Вы можете попробовать следующее правило CSS3:

@font-face { font-family: Arial Narrow; 
src: url('ArialN.ttf'), 
    url('ArialN.eot'); /* IE9+ */

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

Пример использования:

<!DOCTYPE html> 
<html> 
<head> 
<style> 
@font-face { font-family: Arial Narrow; 
    src: url('ArialN.ttf'), 
     url('ArialN.eot'); /* IE9+ */ 
} 
div{font-family:Arial Narrow;} 
</style> 
</head> 
<body> 

<div> 
With CSS3, websites can finally use fonts other than the pre-selected "web-safe" fonts. 
</div> 

<p><b>Note:</b> Internet Explorer 9+ only supports fonts of type .eot. Internet Explorer 8 and earlier, do not support the new @font-face rule.</p> 

</body> 
</html>

источник

2013-03-15 14:00:47

Похоже, что работал, спасибо Збигнев! – Beth

ответ

Смежные вопросы