icomoon 地址

1. 访问
2. 点击IcoMoon App
3. 点击选择所需图标
4. 选择底部generate font按钮
5. 点击下载
6. 解压
7. 打开文件夹，将fonts中的文件拷贝到自己的项目的fonts文件夹中
8. 打开文件夹中的style.css文件，拷贝以下代码到自己项目的css文件中
9. 在需要使用图标的地方添加i标签

@font-face {
  font-family: 'icomoon';    /*  此处 Aa == Ab*/
  src:  url('fonts/icomoon.eot?gsnluc');
  src:  url('fonts/icomoon.eot?gsnluc#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?gsnluc') format('truetype'),
    url('fonts/icomoon.woff?gsnluc') format('woff'),
    url('fonts/icomoon.svg?gsnluc#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* 下面这一段 是指定了 正则   当DOM元素 class 为 icon-*  可指定使用 icomoon 字体图标 */

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;   /*  此处 Ab  == Aa */
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

   <span class="icon-bg muc">    <i></i></span>