насыщенность шрифта не работает правильно?
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 и не работаю под И следующие.
3 ответа
Это потому, что размер шрифта (9 пикселей) слишком мал для отображения жирным шрифтом. Попробуйте 11px или больше, и все будет нормально.
Я удалил text-transform: uppercase; и затем установил bold/bolder, и это, кажется, сработало.
Большинство браузеров не полностью поддерживают числовые значения для font-weight. Вот хорошая статья об этой проблеме, и даже если она немного устарела, она кажется правильной.
Если вам нужно что-то более жирное, попробуйте использовать другой шрифт, более жирный, чем имеющийся. Естественно, вы можете изменить размер шрифта для достижения аналогичного эффекта.