微信小程序怎么注册,微信小程序如何添加外部字体( 二 )


使用图标
?
123456789101112131415161718192021222324

微信小程序怎么注册,微信小程序如何添加外部字体

文章插图
注意:此处实现采用的是无APPID的开发模式,实际应用应该在微信小程序管理平台的开发设置中配置合法域名 。
下载到本地
步骤
字体文件转化成base64格式
解压压缩包 —- 找到ttf格式文件 —- 上传到平台转化为base64格式 —- 下载压缩包 —- 将css文件名改为wxss —- 放入项目文件夹 —- 用@import全局引入 —- 使用
使用—-引入及全局定义
?
123456789101112131415161718192021222324
@import "src/css/icon.wxss";.iconfont { font-family: "iconfont"; font-size:60rpx;}/*本项目使用的18个图标 */.icon-zhiding:before{content: '\e739';}.icon-zuojiantou:before{content: '\e736';}.icon-youjiantou:before{content: '\e735';}.icon-shangjiantou:before{content: '\e734';}.icon-xiajiantou1:before{content: '\e733';}.icon-xiajiantou:before{content: '\e6cc';}.icon-gengduotianchong:before{content: '\e67f';}.icon-erweima:before{content: '\e65f';}.icon-fenleiorguangchangorqita:before{content: '\e64f';}.icon-dibiao:before{content: '\e64d';}.icon-bangzhu:before{content: '\e64a';}.icon-xinfeng:before{content: '\e640';}.icon-duihuaxinxi:before{content: '\e639';}.icon-sousuo:before{content: '\e62f';}.icon-shouye:before{content: '\e62d';}.icon-shezhi:before{content: '\e62a';}.icon-shanchu:before{content: '\e629';}.icon-dianhua:before{content: '\e61b';}
开发使用
?
123456789101112131415161718192021222324

微信小程序怎么注册,微信小程序如何添加外部字体

文章插图
【微信小程序怎么注册,微信小程序如何添加外部字体】以上就是关于微信小程序怎么注册,微信小程序如何添加外部字体的全部内容,以及微信小程序如何添加外部字体的相关内容,希望能够帮到您 。

推荐阅读