首页 > Web开发 > 详细

如何添加网站标签栏的图标和使用字体图标

时间:2017-03-03 18:56:22      阅读:221      评论:0      收藏:0      [点我收藏+]

其实很简单,我是闲的无聊来敲敲字= =

只需要一行代码:

<link rel="shortcut icon" href="favicon.ico"/>

那个图片其实就是个icon图标,随便到一个icon网站上下载个就行;

下面推荐3个icon字体图标网站:

1、http://www.iconfont.cn/(这是阿里云的字体图标,我平常就用的这个)

2、http://fontello.com/ 

3、https://icomoon.io/app/#/select (上面2个网站是很有名的字体库)

至于使用方法嘛,以第一个链接为例子;

首先你选择你要下载的添加入库;在点库里的下载代码,就一个压缩包下载下来了;

解压发现有很多文件,有几个网页是dome,方便你移入和看下载的东西;那么如何引入到html中勒?

新建fonts文件夹,放入解压4个文件,拓展名分别为.eot/.ttf/.woff/.svg;然后在js里引入iconfont.css;

至于怎么使用?看下面的代码

<i class="icon icon-jiankuohaocudaxia"></i>

这就引入了;看效果就能看到了;还有其他引入方法,去看那几个dome网页吧!

如何添加网站标签栏的图标和使用字体图标

原文:http://www.cnblogs.com/lqzweb/p/6497831.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!