ico小图标的下载及使用

ico的下载及使用

• 在网站 https://icomoon.io/ 中
  第一步：
  

---

第二步

---

第三步：找到下载文件位置，解压缩

复制之后的位置：

---

第四步：打开解压之后的style.css文件,将字体图标的声明加入网页的层叠样式表中

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?dsj2x4');
  src:  url('fonts/icomoon.eot?dsj2x4#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?dsj2x4') format('truetype'),
    url('fonts/icomoon.woff?dsj2x4') format('woff'),
    url('fonts/icomoon.svg?dsj2x4#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

引入时注意路径是否正确

第五步：ico小图标的使用
打开解压后的图标字体文件中的demo.html,复制红色框中的小图标。

添加位置：

至此，ico下载及引用全过程已经完成，演示效果如下：

希望能帮到大家 _@<>@