Fontawesome中文版webfont,是一款基于css框架的网页字体图标库,它完全免费 Font Awesome字体为您提供可缩放矢量图标

7个月前 ( 10-08 ) 5086阅读 2评论
这篇文章最后更新于213天前,您需要注意相关的内容是否还可用,如有疑问请联系作者!

今天装修了一下博客 用到了网页字体图标 


Font Awesome 中文网 – | 字体图标  http://www.fontawesome.com.cn/

Fontawesome中文版webfont,是一款基于css框架的网页字体图标库,它完全免费 Font Awesome字体为您提供可缩放矢量图标 Fontawesome中文版webfont Awesome 第1张使用方法

当你学会 如何使用 后,你可以用 <i> 标签把 Font Awesome 图标放在任意位置。

address-book图标的示例 fa-address-book 
<i class="fa fa-address-book" aria-hidden="true"></i>


为了增加图标大小相对于它们的容器, 使用 fa-lg (33% 递增), fa-2xfa-3xfa-4x, 或 fa-5x classes.

<i class="fa fa-camera-retro fa-lg"></i> fa-lg<i class="fa fa-camera-retro fa-2x"></i> fa-2x<i class="fa fa-camera-retro fa-3x"></i> fa-3x<i class="fa fa-camera-retro fa-4x"></i> fa-4x<i class="fa fa-camera-retro fa-5x"></i> fa-5x

更多方法

http://www.fontawesome.com.cn/examples/

Fontawesome中文版webfont,是一款基于css框架的网页字体图标库,它完全免费 Font Awesome字体为您提供可缩放矢量图标 Fontawesome中文版webfont Awesome 第2张

文章版权声明:除非注明,否则均为IT屋博客原创文章,转载或复制请以超链接形式并注明出处。
您需要 登录账户 后才能发表评论

发表评论

表情:
评论列表 (有 2 条评论,5086人围观)
网友昵称:爱思
爱思V普通用户2020-10-17沙发 回复 Google Chrome 86.0.4240.75 Windows 10 x64
谢谢分享
网友昵称:爱思
爱思V普通用户2020-10-17椅子 回复 Google Chrome 86.0.4240.75 Windows 10 x64
谢谢分享
取消
支付宝二维码
支付宝二维码
微信二维码