Bootstrap3 Font Awesome 字体图标

简介

Font Awesome 是一套绝佳的图标字体库,它提供可缩放的矢量图标,并且可以通过CSS来设置大小、颜色、阴影或者其它任何支持的效果。Font Awesome具有以下特性:

  • 一个字库,675 个免费图标。
  • 完全免费,包括商业用途。
  • 最初是为Bootstrap设计的,现在可以适用于所有框架。
  • 完全不依赖JavaScript,不存在任何兼容性问题。
  • 兼容桌面应用。
  • 只要CSS支持,无论颜色、大小、阴影或者其它任何效果,都可以轻易展现。
  • 无限缩放,在任何尺寸下都会呈现出完美的图标
  • 字体是矢量图标,在视网膜级的高分屏上也会完美呈现。
  • 完全兼容屏幕阅读器。

使用Font Awesome图标的最简单方式,就是使用CDN。你完全不用下载或者安装任何东西,只需下面一行代码,就可以在你的网页中使用最新版本的Font Awesome:

 
  1. <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

如果你愿意,你也可以下载Font Awesome的最新安装包,并将整个 font-awesome 文件夹复制到你的项目中,然后在HTML的 <head> 中引用font-awesome.min.css:

 
  1. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

Font Awesome从4.1.0版本开始不再支持IE7,如果你一定要支持IE7,就必须使用更早的版本,但早期版本提供的图标数目相对要少一些。比如,你可以使用3.2.1版本:

 
  1. <!--[if IE 7]>
  2.   <link href="https://cdn.bootcss.com/font-awesome/3.2.1/css/font-awesome-ie7.css" rel="stylesheet">
  3. <![endif]-->

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值