为什么font-stretch：在Google Chrome中压缩了无效的属性值？

Question

我正在尝试使用font-stretch:condensed，并且在检查时，它在Google Chrome开发者工具中显示为无效。

它在Firefox中渲染得很好。

Answer 1

目前还没有支持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的字体文件中的名称表中所示。您可以使用{找到此数据{3}}

请注意，使用特定字体与font-stretch的定义相同，请参阅DTL OTMaster Light LC。 font-stretch这个名字用词不当;该属性不会拉伸字体 - 只有在存在这样的字体时才选择具有给定宽度的字体。

Answer 2

font-stretch属性不属于任何最终标准，Chrome不支持此属性。请参阅font-stretch on MDN。