iconFont 使用简介

 复制粘贴来的,自己备忘

三个步奏:
1:将下载的css和font文件分别拷贝到mui的对应目录下
2:修改拷贝的css文件, 主要修改font文件引用路径
3:在要使用的页面中引入css文件

++++++++++++++++++++++++修改css文件需注意的地方++++++++++++++++++++++++
不是改成:
@font-face {font-family: "iconfont";
url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+/
}
而是改成:
@font-face {font-family: "iconfont";
src: url('../fonts/iconfont.ttf') format('truetype'); /
chrome, firefox, opera, Safari, Android, iOS 4.2+*/
}

注意两者区别(目测偷懒造成的):

  1. 有无 src:
  2. format('truetype');是分号结尾

你可能感兴趣的:(iconFont 使用简介)