当前位置主页 > 资料库 > 前端教程 > CSS属性参考 | font-synthesis

CSS属性参考 | font-synthesis

06-20

CSS font-synthesis 属性用于指定如果指定font family的字体没有斜体或粗体时,是否由浏览器来合成字体的斜体或粗体样式。

通常情况下,在我们使用font-weight属性和font-style属性来指定字体的粗细和样式时,如果当前使用的字体没有相应的粗细度字体或相应的样式,浏览器就会合成相应的粗细度字体或样式。如果我们不希望浏览器自动进行字体合成,可以使用font-synthesis属性来禁止它。

font-synthesis属性有三个取值:noneweightstyle。如果将它设置为none,浏览器就不会自动合成字体。如果设置为weight关键字,浏览器会合成粗体字体。如果使用style关键字,浏览器会合成斜体字体。

官方语法
font-synthesis: none | [ weight || style ] 
                            

参数:

  • none:禁止浏览器自动合成字体。
  • weight:只允许浏览器合成相应粗细的字体。不允许合成斜体字体。
  • style:只允许浏览器合成斜体字体。不允许合成相应粗细的字体。
  • weight style:浏览器的默认行为。同时允许浏览器设置粗细字体和斜体字体。

font-synthesis属性的初始值为weight style

应用范围

font-synthesis属性可以应用在所有的元素上。

示例代码

下面是font-synthesis属性的取值示例代码:

font-synthesis: none;
font-synthesis: weight;
font-synthesis: style;
font-synthesis: weight style;

font-synthesis: initial;                              
                            
浏览器支持

目前没有浏览器都支持font-synthesis属性。

相关阅读
Previous:
上一篇:CSS属性参考 | font-size-adjust
Next:
下一篇:CSS属性参考 | filter
返回顶部