CSS3-字体图标的使用

字体图标具有轻量、灵活、兼容性强的特点；比图片有较好的可编辑性，占用空间小、可复用性强，从而被广泛使用。

下面详细介绍一下字体图标的下载：

• 首先要到一些字体图标库网站去下载需要的字体图标，一般 阿里巴巴矢量图标库 中都能找到自己需要的图标

• 进入网站后进行登录，没有账号注册后再登录即可
  

• 登录完成后在搜索栏中搜索自己需要的图标或直接在图标库 中查找
  

• 找到需要的图标后将其加入购物车
  

• 点击网页右上方的 购物车 即可查看或下载加入的字体图标
  

• 选择 下载代码 将字体图标文件下载到本地
  

字体图标的使用：

• 解压之前下载好的压缩文件，复制其中的几个文件到自己的字体文件夹中
  

• 打开 demo_index.html 文件按照上面的步骤进行操作

  第一步：在需要使用字体图标的页面中引入字体文件，声明一种字体，修改文件路径

  <style>
  @font-face {
        
    /* font-family 定义字体的名称 */