|
Font Awesome是通过Font Awesome字库提供的一套可缩放的矢量的图标，您可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。 网页使用Font Awesome的优势： 1、仅一个Font Awesome字库，就包含了与网页相关的大部分形象图标。 2、Font Awesome完全不依赖JavaScript，因此无需担心兼容性。 3、无论在任何尺寸下，可缩放的矢量图形都会为您呈现出完美的图标。 4、只要CSS支持，无论颜色、大小、阴影或者其它任何效果，都可以轻易展现。
Font Awesome的使用非常简单，我们可以通过BootstrapCDN 导入Font Awesome的css文件： <link href="//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">又或者到官网下载Font Awesome CSS样式 http://fontawesome.dashgame.com/assets/font-awesome-4.3.0.zip <link rel="stylesheet" href="css/font-awesome.min.css"> 例如：
在使用过程中可能通过使用 fa-lg (33%递增)、fa-2x、 fa-3x、fa-4x，或者 fa-5x 类 来放大图标；使用 fa-fw 可以将图标设置为一个固定宽度：主要用于不同宽度图标无法对齐的情况；使用 fa-spin 类来使图标实现旋转动画；使用 fa-rotate-* 和 fa-flip-* 类可以对图标进行任意旋转和翻转等等。 更多的用法说明与图标名称的查看请参阅官网 ：http://fontawesome.dashgame.com/
文章来源 CODETC，欢迎分享，转载请注明地址：
http://www.codetc.com/article-198-1.html
|
