字体样式属性
最后更新：2026-09-13
font-style 字体样式属性
font-style 用于设置文本是否为斜体，常用于引用、强调或特殊排版场景。可选 normal、italic、oblique 三个值。
| 分类 | |
|---|---|
| 初始值 | normal |
| 继承 | 是 |
| 适用于 | all |
| 可动画 | discrete |
| CSS 版本 | CSS1 |
| 状态 | 标准 |
📝 语法
font-style: normal | italic | oblique <angle>?;⚙️ 取值
| 值 | 类型 | 描述 |
|---|---|---|
normal | italic | oblique | 关键字 | 字体样式：正常/斜体/倾斜 |
▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| font-style | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： italic 使用字体自带的斜体版本，oblique 是强制倾斜；若字体无斜体则两者效果接近。
❓ 常见问题
Qitalic 和 oblique 有什么区别？
Aitalic 使用字体自带的斜体字形，笔画经过专门设计；oblique 是把正常字形机械倾斜一定角度，属于伪斜体。若字体没有斜体版本，浏览器会用 oblique 代替 italic，两者效果接近。CSS 允许指定角度，如 oblique 10deg。
Q如何让文字倾斜？
A设置 font-style: italic（美观，推荐）或 font-style: oblique（强制倾斜）。常用于书名、外语单词、强调语气。注意 em、i 标签默认就是 italic，想去掉斜体可写 font-style: normal。
Qfont-style: italic 和 transform: skew 有什么不同？
Afont-style 针对文字排版，调用斜体字形或轻微倾斜，不影响元素盒；transform: skew() 会把整个元素（含背景、边框）做几何形变。常规斜体用 font-style，不要用 skew 代替。
🏷️ 相关属性
💡 相关案例
📚 相关教程
