微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

小程序中自定义字体图标的正确使用方式

小程序中已有的图标是很有限的,基本上都是自定义的图标,要么是图片(tabBar),同时也要减少小图片的使用,就需要使用自定义的图标,而且是base64的css文件

 

从 SVG图标格式转换成 CSS 中嵌入 base64 的字体图标的步骤如下:

1.SVG格式图标:从阿里图标库下载需要的图标;设计制作的svg图标;也可以从 icomoon 中找免费图标;
2.ttf字体格式的图标:通过 https://icomoon.io/app/#/select/font 在线工具转为 ttf 格式的font格式;
3.base64格式的CSS中嵌入的字体图标:通过 https://transfonter.org 在线工具转为 base64 的css文件,在CSS中编码和嵌入字体;

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。