Bootstrap3实用教程
5.1.1 简介
阅读(

Bootstrap基础

Bootstrap全局样式

Bootstrap组件

Bootstrap插件

Bootstrap第三方扩展

Font Awesome

简介

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

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

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

<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:

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

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

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

关于作者

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

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验