分类

安卓应用安卓游戏攻略资讯

设计素材

Font Awesome(图标字体库)

Font Awesome(图标字体库) v4.7.0 免费版

大小:655 KB

语言:简体中文系统:WinXP, Win2003, Vista, Win7, Win8, Win10

类别:设计素材时间:2019-06-01

Font Awesome是一款标准的图标字体库和CSS框架,包含了与网页有关的所有形象图标和CSS提供的所有特性,比如大小、颜色、阴影和其他效果等,无需依赖JavaScript,小编还为大家带来了Font Awesome安装和使用方法,需要的朋友赶快下载吧!

软件特点

1、一个字库,675个图标

仅一个Font Awesome字库,就包含了与网页相关的所有形象图标。

2、无需依赖JavaScript

Font Awesome完全不依赖JavaScript,因此无需担心兼容性。

3、无限缩放

无论在任何尺寸下,可缩放的矢量图形都会为您呈现出完美的图标。

4、如言语一般自由

Font Awesome完全免费,哪怕是商业用途。

5、CSS控制

只要CSS支持,无论颜色、大小、阴影或者其它任何效果,都可以轻易展现。

6、高分屏完美呈现

Font Awesome的矢量图标,将使您的网站在视网膜级的高分屏上大放异彩。

7、完美兼容其它框架

尽管是为Bootstrap设计,但Font Awesome同样能与其它框架完美协同运作。

8、可用于桌面系统

用于桌面系统,或需要一套完整的矢量图。

9、可适配于屏幕阅读器

与其它字体不同,Font Awesome不会影响屏幕阅读器正常工作。

Font Awesome安装和使用方法

一、最简单的方式:BootstrapCDN

一句话将Font Awesome加入您的网页中。您完全不用下载或者安装任何东西!

将以下代码粘贴到网页HTML代码的部分.

当新版本发布时,BootstrapCDN需要一点时间来同步到最新版本。稍安勿躁 :)

二、简单方式之一:使用默认CSS

如果您使用了默认的Bootstrap CSS样式,那么你可以使用这种方式来引入默认的Font Awesome CSS样式。

复制整个 font-awesome 文件夹到您的项目中。

在HTML的 中引用font-awesome.min.css。

三、简单方式之二:LESS Ruby Gem

使用 官方 Font Awesome LESS Ruby Gem 可以简单方便的将 Font Awesome LESS 集成到Rails项目中。由 @supercodepoet 维护。

将下面这行代码加入到应用的Gemfile中:

gem 'font-awesome-less'

然后执行:

$ bundle

或者自行安装:

$ gem install font-awesome-less

四、简单方式之三:SASS Ruby Gem

使用 官方 Font Awesome SASS Ruby Gem 可以简单方便的将 Font Awesome SASS 集成到Rails项目中。由 @supercodepoet 维护。

将下面这行代码加入到应用的Gemfile中:

gem 'font-awesome-sass'

然后执行:

$ bundle

或者自行安装:

$ gem install font-awesome-sass

五、进阶方式:自定义 LESS 或 SASS

使用LESS或SASS的方法来自定义 Font Awesome 4.7.0 。

复制 font-awesome/ 目录到您的项目中。

打开 font-awesome/less/variables.less 文件或 font-awesome/scss/_variables.scss文件 ,然后修改 @fa-font-path 或 $fa-font-path 为您的字体目录。

@fa-font-path: "../font";

字体路径是相对于编译的CSS目录。

如果使用了静态编译器,那么重新编译LESS或SASS文件。如果没有,那么现在应该一切OK了。

展开

猜您喜欢

同类推荐

网友评论