码迷,mamicode.com
首页 > 其他好文 > 详细

Fontello字体插件使用教程

时间:2019-02-18 11:38:10      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:htm   html   demo   一个   class   压缩   alt   .com   目录   

Fontello字体插件使用教程

第一步:去到官网  http://fontello.com/  选中下载所需的字体图标,下载好后会有一个压缩包,

如图所示:

技术图片

 

第二步:

复制font目录到自己的项目下:

如图所示:

技术图片

 第三步:在项目中引用,

如图所示:

技术图片

第四步:

在HTML中写入类名引用

如下代码:

<i class="demo-icon">&#xe804;</i>

注意:&#xe804;    这个是在解压的文件夹中复制的,

右击选择文本打开如图所示:

技术图片

由于本人也是新手,如有任何问题欢迎私信我喔。

 

Fontello字体插件使用教程

标签:htm   html   demo   一个   class   压缩   alt   .com   目录   

原文地址:https://www.cnblogs.com/z-l-d/p/10394525.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!