码迷,mamicode.com
首页 > 其他好文 > 详细

Font Awesome入门教程

时间:2017-12-21 17:16:00      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:使用   缩放   png   hit   工具   https   bing   www   icons   

Font Awesome 图标

Font Awesome 是一套绝佳的图标字体库和CSS框架。

Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。

要使用Font Awesome图标,请在HTML页面的 部分中添加以下行:

????国内推荐 CDN

<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">

? ?

注意: 不太建议下载来安装,直接在 html 文档头部引用 CDN 文件即可。

技术分享图片

大图标

fa-lg (增加33)fa-2xfa-3x fa-4x,或 fa-5x 类用于增加相对于其容器的图标大小。

? ?

技术分享图片

技术分享图片

? ?

技术分享图片

技术分享图片

技术分享图片

FontAwesome 很不错 的工具,以后得小图标可以这样使用很方便。

?

常用图标:

技术分享图片

更多图标见:http://fontawesome.io/icons/

?

文章来源:刘俊涛的博客

地址:http://www.cnblogs.com/lovebing

欢迎关注,有问题一起学习欢迎留言、评论。

?

?

?

?

Font Awesome入门教程

标签:使用   缩放   png   hit   工具   https   bing   www   icons   

原文地址:http://www.cnblogs.com/lovebing/p/8081115.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!