font-weight не работает должным образом?

Question

http://www.i3physics.com/blog/2010/07/dsfsdf/

Вот пример.

Часть, где было написано «PHP» (правый верхний угол), осталась такой же тонкой, как и была. вот часть кода CSS

.wp_syntax_lang {
  background-color:#3c3c3c;
  position:absolute;
  right:0;
  padding:1px 10px 3px;
  color:#ddd; font-size:9px; font-weight:800;
  text-transform:uppercase;
  -moz-border-radius-bottomleft:5px;
  -webkit-border-bottom-left-radius:5px;
  border-radius-bottomleft:5px;
}

Я пробовал жирный, жирный, 700, 800, 900 и не работает под FF.

Answer 1

Это потому, что размер шрифта (9 пикселей) слишком мал для отображения жирным шрифтом. Попробуйте 11px или больше, и все работает нормально.

Answer 2

Большинство браузеров не полностью поддерживают числовые значения для font-weight. Вот хорошая статья о проблеме , и даже если она немного устарела, она кажется правильной.

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

Answer 3

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

Например, если я вставлю следующий шрифт ...

@font-face {
    font-family: 'Nexa';
    src: url(...);
    font-weight: 300;
    font-style: normal;
}

Тогда я не смогу использовать что-либо, кроме веса 300. Все остальные веса вернутся к 300, если я не укажу дополнительные объявления @font-face с этими дополнительными весами.

Answer 4

Я удалил text-transform: uppercase;, а затем установил его на bold / bolder, и это, похоже, сработало.

Answer 5

Для меня смелая работа, когда я меняю стиль шрифта с font-family: 'Open Sans', sans-serif; на Arial