自定义字体

通过css文件引入自定义字体，用来完成HTML需要的图标和字体。
解决在html显示”□“的问题。

首先下载自定义字体的文件如图：

然后在CSS给外部字体自定义一个名称并且把文件引入进去如：

@font-face{
    font-family: 'icomoon';   /*font-family  字体名称，字体类型*/
    src: url('../fonts/icomoon.eot?axvffw');
    src: url('../fonts/icomoon.eot?axvffw#iefix') format('embeddad-opentype'),
        url('../fonts/icomoon.ttf?axvffw') format('truetype'),
        url('../fonts/icomoon.woff?axvffw') format('woff'),
        url('../fonts/icomoon.svg?axvffw#icomoon') format('svg');
        font-weight: normal;        /*font-weight:自定义字体的粗细 正常*/
        font-style: normal;         /*font-style:自定义字体的样式*/
}

再然后通过fontcreator_v13.0了解一些图标的编号 如图：

然后在HTML< i >标签里插入所需要的特殊图标和字体
！！！注意再插入图标编码时前必须加上 ”&#x“

 <button>
     <i>&#xea03</i>  
 </button>

就完成了。