Web前端 font-awesome 图标组件(logo)使用

Web前端 css3引用图标组件font-awesome

使用场景

Web前端页面开发需要引用图标素材时使用.
Font Awesome 字体是可缩放矢量图标,并且完全开源并且免费的,带有网页功能的象形文字语言,并收集在一个集合里,适用于所有前端框架,用css来控制字体的颜色,大小,阴影等!

项目中使用

下载font-awesome文件,目录如下:
在这里插入图片描述
页面引入css: *<link href="/fontawesome/css/font-awesome.css" rel="stylesheet">*

页面使用:在这里插入图片描述
使用效果:
在这里插入图片描述

属性说明

图标引入: fa fa-* 需要引入的图标,请参考font-awesome图标库:http://www.fontawesome.com.cn/faicons/
大小设置:fa-lg,fa-1x,fa-2x,fa-3x,fa-4x,fa-5x
替换无序列表的默认图标:fa-ul,fa-li
图标旋转和翻转:fa-spin,fa-rotate-*,fa-flip-*
组合使用:fa-stack,fa-stack-1x,fa-stack-2x

示例下载

地址:https://download.csdn.net/download/weixin_39172079/11076629

发布了20 篇原创文章 · 获赞 1 · 访问量 8878
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览