打开网站 点击中间的Log进入下载图标的页面
    image.pngimage.pngimage.png
    然后打开里面的 demo.html
    这里有两种办法：
    方法一：
    image.png
    引入 CSS 文件，做一些列修改，代码如下：

    1. <head>
    2.   <meta charset="UTF-8">
    3.   <title>字体图标</title>
    4.   <link rel="stylesheet" href="style.css">
    5.   <style>
    6.     .div{
    7.       font-family: "icomoon";
    8.     }
    9.   </style>
    10. </head>
    11. <body>
    12.   <span class="div"></span>
    13.   <div class="div"></div>
    14. </body>

    注意： 上面的小方块在Webstorm中是不会显示的。这个编辑器下的代码长下面这样：
    image.png
    方法二：
    image.png
    代码如下：

    <head>
  <meta charset="UTF-8">
  <title>字体图标</title>
  <link rel="stylesheet" href="style.css">
  <style>
  </style>
</head>
<body>
  <span class="icon-ctrl"></span>
</body>

    成功后的截图如下：
    image.png