位置:电子教程 > 微信小程序设计教程 (如果看不到内容请使用360浏览器) 推荐学习资源
小程序样式基础
框模型
定位
选择器
当前阅读教程:微信小程序设计教程 > 字体风格(font-style)
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 字体大小(font-size) 下一篇: 字体变形(font-variant)

1.基础语法

font-style 属性最常用于规定斜体文本。font-style 属性包括:normalitalic 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所示

image.png



上一篇: 字体大小(font-size) 下一篇: 字体变形(font-variant)
毕业设计网             广告联系QQ:45157718(微信同号)