技术日志

记录分享邓杰律师从事网络技术工作点点滴滴。

Fontello图标字体如何使用?

点击复制标题网址

——温馨提示——

已复制到剪贴板,可粘贴到下一处。


时间:   查看:1114

编者按:

一、到https://fontello.com/选取你要用的图标下载到本地解压。二、复制解压后font和css目录到自己网站根目录下。三、在网页中引入字体图标样式表<link rel="stylesheet" href="/css/fontello.css" />四、在html网页中需要处用使用<i class="icon-menu"></i>插入你说需要

        一、到https://fontello.com/选取你要用的图标下载到本地解压。

未命名-4.jpg

        二、将解压后得到的font和css目录复制到自己网站根目录下(您也可以将其复制到网站根目录之下的其他目录中,但要对css/fontello.css文件中的路径进行相应修改)。

未命名-4.jpg

未命名-2.jpg

        三、在网页中引入字体图标样式表

<link rel="stylesheet" href="/css/fontello.css" />

未命名-5.jpg

        四、打开demo.html文件,找到需要用到的字体图标。然后在您制作的html网页中,使用代码<i class="icon-menu"></i>插入你需要的图标字体。icon-menu需根据截图所示情况做相应更换调整。

未命名-1.jpg

        以上是邓杰律师网站前端开发经验分享,如有任何疑问可加邓杰律师微信沟通交流。


发表评论:

评论记录:

未查询到任何数据!