微信小程序> 【微信小程序】如何引入外部字体样式

【微信小程序】如何引入外部字体样式

浏览量:524 时间: 来源:abloume

我引入的字体是 ionicons 字体
小程序
Download Zip后打开fonts文件夹,将对应字体的 ttf文件 上传至 https://transfonter.org/  
小程序
注意一定要选中 Base64 encode 的TTF格式,Convert 后下载转换后的压缩包,并将其中的 transfonter.org-20180404-162638/stylesheet.css 中的代码复制粘贴到 需要的位置,比如我的为下:
小程序
还要在后方加上相应的样式:(这个样式从ionicons-mastercssionicons.css中找)
小程序
然后在需要引入该字体的地方进行引入:
小程序
使用时 font-family 和@font-face里名字一样即可。(content那些什么的就不多说了)

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎