关于字体图标的三两事

介绍三种icon字体图标的方法

先选择想要使用的图标，加入购物车后添加到项目http://www.iconfont.cn/

Unicode方式

选择Unicode 生成并复制红框中的代码，而后在HTML中添加style，或者加入到CSS中，并将图标对应的Unicode码添加到相应的标签元素中，固然别忘了在CSS中添加字体font-family，字体名就是复制代码中的font-family。

 

Font Class方式

选择Font Class 而后选择编辑图标，在font class里面定义这个图标的名称，方便咱们一下子进行调用，而后复制代码。

将这段代码直接在HTML中link引用，由于这是一个网络css文件，而后在标签元素中定义class的值为刚刚咱们修改过的图标名称便可。

 

font-awesome

咱们先在BootCDN上找到font-awesome的css文件

将他复制下来

 

而后咱们在http://fontawesome.dashgame.com/中找到咱们想要使用的图标

在HTML中link的href里面填写从bootCDN复制的font-awesome的css路径，并在元素标签中按class="fa fa-图标名称"进行定义，便可获得图标