AdminLTE3-图标icon使用

試著忘記壹切 提交于 2020-01-17 00:33:32

在adminLTE3中推荐使用以下3个图标库

Font Awesome
Iconic Icons
Ion Icons

链接相应CSS文件来使用

 <!-- Font Awesome -->
<link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">

<!-- Ionicons -->
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">

<!-- Ion Icons 我还没找到在哪 o(╯□╰)o -->

不过示例只给了简短几句话,具体图标用什么代码,示例中并未给出。

本次项目使用font awesome的图标库,官网:https://fontawesome.com,但是访问速度很慢,图标图像几乎不显示…
还好我们还有Font Awesome的中文官网:http://www.fontawesome.com.cn/

使用很简单 Easy to use

  1. 下载css文件,或使用CDN,在页面中引用(不下载也行,本来也自带了这套CSS,但是建议用中文官网的更准确)
  2. 在官网的图标库页面,点击需要的图标
    在这里插入图片描述
  3. 在点击进入的页面,复制源码粘贴到需要的位置即可
<i class="fa fa-car"></i>
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!