首页 > Web开发 > 详细

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

时间:2020-10-15 16:08:50      阅读:27      评论:0      收藏:0      [点我收藏+]

下载网站: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补充(图标工具库)

原文:https://www.cnblogs.com/Meser1646/p/13820085.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!