1.基础语法

font-style 属性最常用于规定斜体文本。font-style 属性包括：normal、italic和 oblique：

n  normal：文本正常显示。

n  italic：文本斜体显示。

n  oblique：文本倾斜显示。

唯一有点复杂的是要知道 italic 文本和 oblique 文本之间的差别。italic是一种简单的字体风格，对每个字母的结构有一些小改动，来反映变化的外观。而oblique则是正常竖直文本的一个倾斜版本。通常情况下，italic 和 oblique 文本在 Web 浏览器中看上去完全一样。

代码示例

小白教程网www.2d5.net

p.normal {font-style:normal;}

p.italic {font-style:italic;}

p.oblique {font-style:oblique;}

2.小程序应用

根据基础的语法，下面在微信小程序中实现定义字体的风格。

.wxml文件代码示例

小白教程网www.2d5.net

<view>
  <text>默认字体</text>
</view>
 
<view >
  <text>字体 italic</text>
</view>
 
<view >
  <text>字体 oblique</text>
</view>

.wxss文件代码示例

小白教程网www.2d5.net

.cls1{
  font-style: italic;
}
.cls2{
  font-style: oblique;
}

效果如图3-18所示。