Firefox font-weight против свойства font-family;как избежать двойного жирного шрифта - PullRequest
Новая
       55

Firefox font-weight против свойства font-family;как избежать двойного жирного шрифта

2 голосов
/ 02 марта 2012

Если задан следующий код из CSS: 

font-family:SpecialBold;
font-weight:bold;

Двойной жирный шрифт Firefox (жирный шрифт уже выделен жирным шрифтом).Похоже, что это не проблема в Safari, Opera или Chrome.Я не могу просто удалить font-weight:bold;, потому что если что-то случится с размещенной гарнитурой, шрифты по умолчанию не будут выделены жирным шрифтом.

Проблема, с которой я сталкиваюсь, заключается в попытке использовать @ font-face свеб-безопасная типография.Шрифт, который я использую, имеет определенный жирный шрифт.В Chrome и т. Д. Следующее не будет работать: 

font-family:Special;
font-weight:bold;

, потому что шрифт Special может быть выделен жирным шрифтом только при использовании типа SpecialBold.

Как сделать так, чтобыFirefox не выделяет дважды жирные шрифты?Или, наоборот, можно ли сделать так, чтобы Chrome и т. Д. Использовал жирный шрифт при использовании font-weight:bold?

Ответы [ 2 ]

2 голосов
/ 02 марта 2012

Вы можете использовать это правило, чтобы сообщить браузеру, что SpecialBold уже выделен жирным шрифтом, так что синтетическое выделение жирным шрифтом не требуется: 

@font-face {
  font-family: SpecialBold;
  font-weight: bold;
  src: local(SpecialBold);
}

Возможно, нужно изменить в зависимости от того, какие именно лица вашего шрифтапозвонил, конечно.

1 голос
/ 05 марта 2012 
@font-face {
    font-family: Special;
    font-style:normal;
    font-weight: normal;
    src: local(Special);
}   
@font-face {
    font-family: Special;
    font-weight: bold;
   font-style:normal;
    src: local(SpecialBold);
}

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

...