为什么font-stretch:在Google Chrome中压缩了无效的属性值？
Dar*_*ere 5 css fonts google-chrome
我正在尝试使用,font-stretch:condensed并且在检查时,它在Google Chrome Developer工具中显示为无效.
它在Firefox中呈现得很好.
Juk*_*ela 12
目前还没有支持font-stretchChrome.
开发人员工具歪曲了这种情况:Chrome 的属性 font-stretch "无效",即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字体模块级别3 LC.这个名字font-stretch用词不当; 该属性不会拉伸字体 - 它只选择具有给定宽度的字体,当存在这样的字体时.
- 这是 Chrome 的怪癖之一，其中属性似乎是有效的，即使它尚未实现。我认为“transform”（而不是“-webkit-transform”）有时会这样做。 (2认同)
| 归档时间： |
|
| 查看次数： |
6018 次 |
| 最近记录： |