IconFont的制作使用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了IconFont的制作使用相关的知识,希望对你有一定的参考价值。

1.通过在线网站上传制作

https://icomoon.io/

技术分享

首先通过右上角的 IcoMoon App 进行创建.

 

技术分享

除了网站提供的一些图标 还可以通过Import Icons将本地的svg图标文件进行上传.

 

技术分享

 图标上传成功后,通过右下角Generate Font生成

 

技术分享

左边的"e900"是代码引用的名称 然后通过download进行下载

下载完成后解压 字体在fonts文件夹中

根据style.css文件将按照要求添加到自己的代码中

 

2.通过在线链接添加

http://www.iconfont.cn

找到自己想要的图标 添加到库里

然后添加到项目中 查看在线链接

通过链接给出的方法 添加到自己的代码当中.

 

以上是关于IconFont的制作使用的主要内容,如果未能解决你的问题,请参考以下文章

IconFont的制作使用

01字体图标iconfont的制作与使用--阿里矢量图库

iconfont

fontcreator制作iconfont(包含两个教程)

vue图标制作

字体小图标记录