微信小程序界面设计入门课程-样式wxss中使用css课程-字体-font-variant字体变形

版权声明：摇亿.黄菊华 https://blog.csdn.net/u013818205/article/details/86490852

font-variant字体变形

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

实例

p {font-variant:small-caps;}

小程序应用

Wxml代码

<view>   <text>默认字体</text> </view>  <view >   <text class='cls1'>字体 This is font:normal</text>  </view> <view >   <text class='cls2'>字体 This is font:small-caps</text>  </view>

Wxss代码

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

效果如下图

欢迎大家收看我的视频教程：微信小程序样式入门到精通(wxss,css)（微信小程序界面设计必备技能）

转载请标明出处:微信小程序界面设计入门课程-样式wxss中使用css课程-字体-font-variant字体变形

文章来源: https://blog.csdn.net/u013818205/article/details/86490852