阿里iconfont图标ttf转换为base64【非常详细】

概要

  1. 在线转换地址:https://transfonter.org/
  2. 使用ttf文件转换base64
  3. 如果你在阿里矢量库下载了字体图标在项目引入无法显示时,可以把图标转成base64
  4. 如果你在阿里矢量库下载了字体图标不想以文件的形式使用,可以把图标转成base64
  5. 推荐在小程序/uniapp/移动端项目中使用

步骤简要

  1. 在阿里矢量库下载好字体图标,准备好ttf文件
  2. 打开在线转换地址
  3. 上传ttf文件,选择好相应的配置进行转换
  4. 下载转换好的文件,找到staylesheet.css文件中的base64代码
  5. 在项目中使用

步骤图解

image


9、拷贝代码
image


10、代码中的使用:
image
image

最后呈现的效果自己想吧~~~~~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

上网的虫不叫网虫

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值