CSS font-synthesis 属性用于指定如果指定font family的字体没有斜体或粗体时,是否由浏览器来合成字体的斜体或粗体样式。
通常情况下,在我们使用font-weight属性和font-style属性来指定字体的粗细和样式时,如果当前使用的字体没有相应的粗细度字体或相应的样式,浏览器就会合成相应的粗细度字体或样式。如果我们不希望浏览器自动进行字体合成,可以使用font-synthesis
属性来禁止它。
font-synthesis
属性有三个取值:none
,weight
和style
。如果将它设置为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
属性。