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

1.基础语法

font-variant 属性可以设定小型大写字母。小型大写字母不是一般的大写字母,也不是小写字母,这种字母采用不同大小的大写字母。

代码示例

小白教程网www.2d5.net

如下:

p {font-variant:small-caps;}

2.小程序应用

根据基础的语法,下面在微信小程序中实现定义小型大写字母。

.wxml文件代码示例

小白教程网www.2d5.net

如下:

<view>
  <text>默认字体</text>
</view>
 
<view >
  <text>字体 This is font:normal</text>
</view>
 
<view >
  <text>字体 This is font:small-caps</text>
</view>

.wxss文件代码示例

小白教程网www.2d5.net

如下:

.cls1{
  font-variant: normal;
}
.cls2{
  font-variant: small-caps;
}

效果如图3-19所示

image.png



上一篇: 字体风格(font-style) 下一篇: 字体加粗(font-weight)
毕业设计网             广告联系QQ:45157718(微信同号)