天天看点

iconfont 转换为图标字体。

iconfont 阿里巴巴矢量图库是个好东西呀~  http://www.iconfont.cn/

巨大的图标库,可惜都是png的,不能随意用作字体图标。

这里讲一下,如何将iconfont转换为字体图标

1.添加几个矢量图并下载code  (点击侧边栏的 download code )  

iconfont 转换为图标字体。

2.打开网站 : https://transfonter.org/  这是一个在线将ttf转换为base64 或者其他格式的工具。

    上传iconfontttf 并选择 base64 encode 

iconfont 转换为图标字体。

下载转换后的文件。

3.将从阿里巴巴矢量库下载的文件中的  iconfont.css 和刚转换后下载的文件中的 stylesheel.css 放到项目中的css文件中。

4.然后你就可以在相应的位置引用字体文件啦  引用格式参考 iconfont.css 中的css内容。

例如 : 

<i class="iconfont  icon-wenhao"></i> 
           

博客原文地址:

iconfont 转换为图标字体

继续阅读