Font class引用
字体图标的引用准备工作:首先搜索iconfont(字体图标矢量库)在其中找到自己需要用到的图标添加到购物车,然后添加到项目中,点击下载至本地并解压缩。
font-class 引用介绍
font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。
与 Unicode 使用方式相比,具有如下特点:
兼容性良好,支持 IE8+,及所有现代浏览器。
相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。
不过因为本质上还是使用的字体,所以多色图标还是不支持的。
font-class 引用步骤
fontclass引用第一步:新建基本HTML项目,将下载的css文件复制到项目中的css文件夹下;
第二步:打开下载的文件夹中的html文件(里面显示你之前挑选到项目里的字体图标),点击fontclass,第一步:引入项目下面生成的 fontclass 代码
在项目下新建一个html文件,将拷贝的fontclass代码放到style里面(如下代码)
****注意:****改变当前文件夹路径为css文件夹下的路径,例如:
第三步:挑选相应图标并获取类名,应用于页面(例如):
如图所示该字体图标名为iconkefu2
好啦!!!!!!