我在上一篇博文有介绍过如何在HTML中引入图标字体,现在说一下如何把字体下载到自己的工程目录下。
首先,你要有一个分类好的工程目录,不然各种文件混杂在一起,要找的话很不方便。
现在我先介绍从icomoon 中下载的:网址 https://icomoon.io/app/#/select
1.选择需要的图标,然后点击 Generate Font (要用GitHub 或微博账号等登录)
2.这时候会生成图标字体,鼠标移到下面会出现:
3.点击 Get Code 会看到对应的代码,
4.当然,我们可以直接点击“Download” ,将字体下载到自己的电脑,然后解压到工程目录(务必解压到同一个文件夹)即可,具体用法见:https://blog.csdn.net/hst_gogogo/article/details/80209255
接下来讲一下 在 IconFont 中的下载:http://www.iconfont.cn/
1.登录(微博,GitHub等)
2.输入“文件夹(或folder)”就会看到很多文件夹的图标
3.将鼠标放到图标上会发现有3个选项:添加入库,收藏,下载图标
这时候如果选“下载图标”,会发现下载的是图片而不是字体:
那么,要下载图片怎么办呢?(可以选完图标添加入库,然后再“新建项目”)
1.图标管理-》我的项目-》新建项目
2.输入项目名称等
3.接着把喜欢的图标添加入库
4.选好之后点击右上角的“购物车”
5.添加至项目
6.选中自己的项目,确定
7.下载至本地,然后解压到自己的工程目录下面就可以了(务必解压到同一个文件夹)。在HTML中引入图标字体的都是差不多的,只不过从这里下载的样式表文件不叫 style.css ,叫 iconfont.css 罢了。