CSS字体合成font-synthesis

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属性。

你可能感兴趣的:(CSS字体合成font-synthesis)