通过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></i>
</button>
就完成了。