制作网页的一些图标的使用

网页的ico图标

在网页的导航栏上面都有一些显示图标，如下面的前面的C，接下来我们就说说怎么使用这些图标

1.首先，我们需要保存这些图标，这里我们有两种方法

• 第一种是已经有了我们需要的ico图标，我们把需要的图标放到根目录下
• 第二种是可以根据自己的需要来制作我们的ico图标
  把我们想要的图标切成图片
  要把图片转换为ico图标，借助第三方网站：http://www.bitbug.net/

2.在html的head之间插入代码<link rel="shortcut icon" href="favicon.ico" />，这里要注意文件的路径。

网页中的一些font图标
例如，京东、淘宝等网页的下拉小箭头和购物车等，都是font图标
这里有两个网址可以选取font图标，一个是https://icomoon.io/还有一个是https://www.iconfont.cn/，我建议使用前面的网站，当然后面的阿里妈妈的也可以，下面我们就用第一种来介绍如何使用
具体的下载方法可以在网上找一下，将下载好的文件里面的fonts文件放到根目录下，达到下图的效果
接下来我们就介绍如何使用这些图标
首先，在下载好的文件里面找到demo.