Я хочу, чтобы фраза «Unsurpassed Efficacy» имела гораздо более легкий вес, который «FIRE» в настоящее время не происходит, не совсем уверен, почему.
То, что вы используете, является допустимым CSS и должно работать, если система содержит как обычный, так и легкий шрифт Myriad Pro. Большинство компьютеров не содержат ни одного из них; это другая тема, но может повлиять на анализ этой проблемы, поскольку вы можете смотреть на рендеринг в другом шрифте (резервный шрифт браузеров), если Myriad Pro недоступен.
Я не могу проверить точный код, так как в моей системе не хватает Myriad Pro, но вместо тестирования с DejaVu Sans, без каких-либо изменений кода, на Win 7 я заметил, что IE 11 показывает «Unsurpassed Efficacy» в DejaVu Sans Light, но Chrome и Вместо этого Firefox использует DejaVu Sans (обычный), хотя инструменты разработчика показывают, что применяются правила CSS. Возможно, вы столкнулись с аналогичной проблемой браузера.
В общем, шрифты более светлые, чем обычно (400), часто работают плохо даже в современных браузерах. Обходным путем является использование легкого шрифта, как если бы это было семейство шрифтов с нормальным font-weight . Это работает в браузерах, протестированных для DejaVu Sans.
Поэтому в вашей ситуации может работать следующее: в правиле #unsurpassed p замените font-weight: 300 на font-family: «Myriad Pro Light» .
Часть, где она говорила «PHP» (правый верхний угол), оставалась такой же тонкой, как и она. вот часть кода css
Я старался смело, смелее, 700, 800, 900 и не работал под FF.
4 ответа
14 Решение Rito [2010-07-30 01:56:00]
Потому что размер шрифта (9px) слишком мал, чтобы отобразить полужирный шрифт. Попробуйте 11px или больше, и он отлично работает.
Большинство браузеров не полностью поддерживают числовые значения для font-weight . Вот хорошая статья о проблеме, и даже жесткая она немного старая, она кажется правильной.
Если вам нужно что-то более смелое, вы можете попробовать использовать другой шрифт, более смелый, чем ваш существующий. Естественно, вы могли бы скорректировать размер шрифта для аналогичного эффекта.
font-weight также может не работать, если шрифт, который вы используете, не имеет этих весов, вы часто сталкиваетесь с этим при встраивании пользовательских шрифтов. В этих случаях браузер, скорее всего, будет округлять число до ближайшего веса, доступного ему.
Например, если я вставляю следующий шрифт.
Тогда я не смогу использовать ничего, кроме веса 300. Все остальные веса вернутся к 300, если я не укажу дополнительные объявления @font-face с этими дополнительными весами.
Я удалил text-transform: uppercase; , а затем установил его в bold / bolder , и это, казалось, сработало.
Ещё один параметр шрифта, которым мы можем управлять — это насыщенность или толщина шрифта. Шрифт может быть жирнее или тоньше обычного начертания. Устанавливается насыщенность с помощью свойства font-weight . В качестве значения можно использовать ключевое слово или число. Самые часто встречающиеся значения:
400 или normal — обычный шрифт, значение по умолчанию;
700 или bold — жирный шрифт.
На самом деле, font-weight может принимать одно из девяти числовых вариантов насыщенности:
- 100: Thin;
- 200: Extra Light (Ultra Light);
- 300: Light;
- 400: Normal;
- 500: Medium;
- 600: Semi Bold (Demi Bold);
- 700: Bold;
- 800: Extra Bold (Ultra Bold);
- 900: Black (Heavy).
Все эти числовые значения задают степень толщины шрифта от самого тонкого до самого толстого.
Но в большинстве системных шрифтов всё равно есть только два варианта толщины: обычный normal (400) и жирный bold (700). Поэтому и остальные значения свойства используются реже.
Кроме перечисленных выше числовых значений у font-weight может быть ещё два относительных значения: bolder и lighter . Эти значения делают шрифт жирнее и тоньше, чем текущее или унаследованное значение.
- index.html Сплит-режим
- style.css Сплит-режим
Сегодня весь вечер просидел в интернете. Читал про преимущества работы верстальщиком. Часто отвлекался на видео с котиками, конечно, но кое-что я запомнил:
- ты делаешь полезное дело
- можешь работать удалённо
- интересные люди
- хорошая зарплата