Skip to main content

文字斜体显示 font-style

Docs

font-style - CSS | MDN (mozilla.org)

font-style 属性允许你选择 font-family 字体下的 italic 或 oblique 样式。

  • font-style 用于设置文字的常规、斜体显示
    • normal：选择 font-family 的常规字体。
    • italic(斜体)：用字体的斜体显示 (通常会有专门的字体)。一般是现实生活中的草书，相比无样式的字体，通常会占用较少的水平空间。
    • oblique(倾斜)：文本倾斜显示 (仅仅是让文字倾斜)。一般只是常规字形的倾斜版本。
    • 如果当前字体没有对应的斜体，那么倾斜体（oblique）会通过人工倾斜常规字体的字形来模拟（使用 font-synthesis 对此进行控制）。
  • em、i、cite、address、var、dfn 等元素的 font-style 默认就是 italic
<p class="normal">
  <span class="keyword">常规： </span>
  一眼千年，梦回大唐，它是敦煌，也是河西走廊。在鸣沙山的夕阳里，太阳和月亮同时出现在地平线两端，云霞的余晖倾覆在远方沙漠的尽头，如它在历史的长河中，兴衰沉浮。孤独的月牙泉，几许悲壮，几许落寞。
</p>
<p class="italic">
  <span class="keyword">斜体： </span>
  在莫高窟的洞窟里，斑驳的土层洞壁上，看看那些历经浩劫后残存下来的珍贵的画像，时间和颜料仿佛涣散在空气里，联通我们的血脉。
</p>
<p class="oblique">
  <span class="keyword">倾斜： </span>
  在沙漠戈壁里，装点了很多以雕塑为主的艺术装置，瓜州的无界，用白色钢管搭建成的沙漠之门；屹立在沙丘上的大地之子，汉武帝的塑像，都让人略显渺小。基础雕塑如海市蜃楼般长存于戈壁里。
</p>
http://localhost:3000/font-style.html

常规： 一眼千年，梦回大唐，它是敦煌，也是河西走廊。在鸣沙山的夕阳里，太阳和月亮同时出现在地平线两端，云霞的余晖倾覆在远方沙漠的尽头，如它在历史的长河中，兴衰沉浮。孤独的月牙泉，几许悲壮，几许落寞。

斜体： 在莫高窟的洞窟里，斑驳的土层洞壁上，看看那些历经浩劫后残存下来的珍贵的画像，时间和颜料仿佛涣散在空气里，联通我们的血脉。

倾斜： 在沙漠戈壁里，装点了很多以雕塑为主的艺术装置，瓜州的无界，用白色钢管搭建成的沙漠之门；屹立在沙丘上的大地之子，汉武帝的塑像，都让人略显渺小。基础雕塑如海市蜃楼般长存于戈壁里。