微信小程序 -字体图标

1.先去阿里巴巴图标库(http://iconfont.cn)生成自己的字体图标，下载下来之后找到ttf格式文件

2.打开https://transfonter.org/，点击 Add Fonts 上传iconfont.ttf,选择Base64 encode --TTF 再点击Convert

3.下载

4.找到stylesheet.css文件,将里边的代码复制到app.wxss中

5.stylesheet.css

@font-face {font-family: 'iconfont';src: url(data:font/truetype;charset=utf-8;base64,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) format('truetype');font-weight: 500;font-style: normal;
}

6.将http://iconfont.cn中下载的iconfont.css中的.iconfont,.icon-XX:before复制到app.wxss中就可以了

7.在页面中使用

 <text class="iconfont icon-yonghuming"></text>

7.已在真机上测过，可以正常显示

转载于:https://www.cnblogs.com/rongjuan/p/6830406.html

微信小程序 -字体图标相关推荐

微信小程序字体设置教程
准备字体文件下载一个 .ttf 类型的字体文件, 备用戳这里下载获取字体文件地址微信开发者工具>云开发存储>存储管理>上传文件>点击文件名>复制下载地址项目引入 ...
微信小程序text设置高度_微信小程序字体样式的设置
知识点: 1.常用字体样式属性 2.利用style和class 设置字体样式 3.在app.wxss 和 index.wxss中定义样式常用字体属性: 举列: 项目目录: 运行结果: 在index. ...
微信小程序自定义图标动态显示不同颜色
微信小程序自定义图标动态显示不同颜色该方法不仅仅局限于阿里图标,后台传过来的图标依旧适用,但是后台上传图标的时候需要上传svg格式的图片呢. 主要思路是什么呢:后台上传的svg图片,先使用小程序提供 ...
关于微信小程序中图标的引用（基于iconfont）
步骤如下: iconfont图标代码下载打开我们的iconfont网址在该网站中寻找我们需要的图标,加入购物车(注意是加入购物车哦.如图) [加入购物车] [查看购物车,点击下载代码] [下载后的 ...
微信小程序--字体展示
以下为微信小程序font-family中提供的十四种字体如果同时设置font-size,有时会对font-family的效果产生干扰,导致字体设置无效,需注意字体大小问题. 字体一 font-fam ...
微信小程序：图标的使用（icon）
摘要: 图标主要是用来辅助ui界面的,常用的是√和×,像蓝牙和wifi是否连上的标志,让人直观明了. icon的参数组件icon的参数主要有三个,下图所示: (1)type:icon的类型,官方给出 ...
微信小程序 SVG图标使用
微信小程序不能直接是用SVG显示图标,需要转成Base64编码,, 可以在这里在线转:https://codepen.io/jakob-e/pen/doMoML 把SVG代码直接复制到图中绿色框中,, ...
Taro微信小程序字体引入
Taro微信小程序要引入新的字体可以全局引入,在app.jsx的componentDidMount中使用Taro.loadFontFace 注意: source的下载地址只能使用经过备份的域名运行时 ...
微信小程序 icon图标 SVG代码转码为Base64编码格式并使用（霸霸看了都说好）
文章目录 SVG 简介什么是SVG SVG有哪些优势 SVG在小程序中的使用获取SVG资源获取对应SVG代码将SVG代码转码为Base64编码格式在具体代码中引用SVG 展示效果 SVG 简 ...

微信小程序 -字体图标

微信小程序 -字体图标相关推荐

最新文章

热门文章