第三方字体Font Awesome的使用,利用FontAwesome字体实现小图标的插入

第三方字体Font Awesome的使用,利用FontAwesome字体实现小图标的插入

Font Awesome中文网

http://www.fontawesome.com.cn/

首先，下载

将下载的资源，放置在你的项目指定目录中或者放置在根目录中。

具体使用：

1. 在项目index.html文件的head标签中引入 css文件，如下所示：

 <link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css">

2.在页面中，指定dom节点上使用

       <div class="right">
                <div class="rito">
                    <a href=""><i class="fa fa-user"></i>&nbsp;技术研究院</a>
                    <a href=""><i class="fa fa-phone"></i>&nbsp;联系我们</a>
                </div>
            </div>

预览：