斜体样式不生效

sheikah

于 2024-02-01 13:59:40 发布

阅读量1.2k

点赞数 11

文章标签：前端 html css

本文链接：https://blog.csdn.net/sheikah/article/details/135972404

版权

写样式的时候发现使用font-style: italic;不生效，直接用i标签和em标签也都没效果

<!-- 没有效果 -->
<em>斜体</em>

<span>斜体</span>
<style>
span {
  ont-style: italic; // 没有效果
}
</style>

于是怀疑是别的什么样式影响到了，把其他样式挨个点掉，发现是font-synthesis被设置成了none，禁用了浏览器的斜体样式

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

将font-synthesis设置成style后就正常了。