初识前端——CSS补充(图标工具库)

下载网站:www.fontawesome.com.cn,里面有各种免费网站图标可供使用。

使用步骤:

  • 进入该网页选择下载旧版(免费),解压font-awesome文件
  • 复制 font-awesome 文件到你的项目/文件夹中(注意下载后的文件都需要,并不是只需要css这一个)
  • 在HTML文件中<head>处加载font-awesome.min.css如下。

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

  • 查看 案例 以获取 Font Awesome 的使用方法,将其写入html后网页会显示你选择的图标
         <i class="fa fa-id-badge" style="height: 100px;width: 100px;"aria-hidden="True"></i>

初识前端——CSS补充(图标工具库)

上一篇:ajax引入本地json


下一篇:借助NetFlow Analyzer的IPAM SPM插件,轻松实现IP和交换机端口管理