关键词搜索

全站搜索
×
密码登录在这里
×
注册会员
×

已有账号? 请点击

忘记密码

已有账号? 请点击

使用其他方式登录

阿里iconfont图标ttf转换为base64编码

发布2022-05-25 浏览1052次

详情内容

在使用阿里iconfont非常方法,用以下载tff字体库和对应的css,但是在微信小程序或uniapp时,不允许使用本地字体库,只能使用带https的在线字段,但这样经常遇到网速问题字体延时显示问题,不得想到把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

点击QQ咨询
开通会员
返回顶部
×
  • 微信支付
微信扫码支付
微信扫码支付
请使用微信描二维码支付
×

提示信息

×

选择支付方式

  • 微信支付
确定支付下载