Я пытаюсь использовать font-stretch:condensed
, и он показывает как недействительный инструмент Google Chrome Developer при его проверке.Почему font-stretch: скроено недопустимое значение свойства в Google Chrome?
Это делает штраф в Firefox.
Я пытаюсь использовать font-stretch:condensed
, и он показывает как недействительный инструмент Google Chrome Developer при его проверке.Почему font-stretch: скроено недопустимое значение свойства в Google Chrome?
Это делает штраф в Firefox.
В Chrome пока нет поддержки font-stretch
.
Инструменты разработчика искажать ситуацию: это свойство font-stretch
что «недопустимый» в Chrome, т.е. не поддерживается Chrome, а не только конкретное значение condensed
. Однако Chrome распознает имя; если вы объявите foo: bar
, то инструменты говорят, что foo
- это неизвестное имя.
Как обходной путь, объявите сгущенный шрифт, который вы хотите использовать в качестве значения font-family
, то есть как если бы это была семейство шрифтов, а не только определенный шрифт в семье. Например, вместо
font-family: Bodoni MT;
font-stretch: condensed;
(который работает в IE 10, но не в Chrome или Firefox, хотя последние претензии на поддержку font-stretch
) можно было бы написать
font-family: Bodoni MT Condensed;
Конкретное название гарнитуры должно быть либо его именем PostScript, либо его полным именем, как указано в таблице имен в файле шрифта, соответствующей nameID
значениям 4 и 6. Эти данные можно найти с помощью DTL OTMaster Light.
Обратите внимание, что использование определенного шрифта - это то же самое, что и font-stretch
по определению, см. CSS Fonts Module Level 3 LC. Имя font-stretch
является неправильным произведением; свойство не растягивает шрифт - он выбирает только шрифт с заданной шириной, если такой шрифт существует.
Недвижимость font-stretch
не является частью окончательного стандарта, и Chrome не поддерживает его. См. font-stretch on MDN.
Это один из тех странных причуд с Chrome, где свойство кажется действительным, хотя оно не было реализовано. Я думаю, что 'transform' (вместо' -webkit-transform') будет делать это иногда. – rookie1024