mui中使用Font Awesome图标

我们在工作中经常会遇到使用图标的时候
能用图标解决的 还是不要使用图片 那样能减少 http请求 来减轻服务器压力
最近在做移动端app的时候 使用的是mui 框架
我就使用了下Font Awesome 图标 当然你也可以是用阿里图标库
http://www.fontawesome.com.cn/ //这个是官网
在这里插入图片描述

你可以选择旧版或者新版的点击下载
下载完之后解压 
将里面的解压后css下的font-awesome.css 拷贝到你的项目的下的css文件夹下
当然还有 font文件夹下的 所有文件 拷贝到你的项目文件夹下 font文件夹
2.使用在我的html文件中引入 css文件

 <link rel="stylesheet" href="css/font-awesome.css">
// 前缀是 fa  fa-xxx   fa-4x 是图标放大四倍 只有其他的图标可以参照官网
<span class="fa fa-heart fa-4x" style="color:red;"></span>

生活那么苦,为啥不给自己一颗糖吃呢!坚持下去!你会看到不一样的风景!加油 奥利给!

发布了236 篇原创文章 · 获赞 80 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/yunchong_zhao/article/details/104899855