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

时间:2022-02-10 05:48:20

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

只需要一行代码:

<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网页吧!