项目用到的字体图标-Font Awesome记一下

font awesome字体引用

官网

http://fontawesome.dashgame.com/

1.官网下载字体


点击下载并解压复制到项目路径下


2.在html中引用图标样式


3.开始使用图标

使用方法:标签或者, CSS前缀fa ,再加上图标名称

先找到某个要使用的图标,例如:address-book-o

代码中使用:

4.图标相当于字体,可以添加颜色,字体大小


下面是练习的html代码



HTML代码:

   

    font awesome图标引用

   

   

   

   

       

       

       

       

       

       

       

   

效果显示:


以上练习结束。。

你可能感兴趣的:(项目用到的字体图标-Font Awesome记一下)