Font Aweome(CSS字体图标插件) 470 官方版

  Font Awesome是体图款功能强大的ps字体插件;它可以快速的扶植用户在线的编辑您需要的图标、裸露等功能,标插版让您轻快的官方即可得到相对应的产品  ,软件的体图操作也是相当的灵活,让您可以完美的标插版铺开表达出动作的含义,还拥穿着铺开快速的官方显示出来 ,需要的体图挚友干赶快这河东软件园将Font Awesome(CSS字体图标插件)下载来使用试试吧,相信您一定不会后悔的标插版!

软件功能

  用CSS能非常轻易的官方改变这些图标的颜色、大小  、体图阴影以及任何CSS能控制的标插版属性  。

  矢量图意味着每个图标都能在所有大小的官方屏幕上完美呈现 。

  Font Awesome是体图完全免费的,无论个人还是标插版商业使用  。详见 协议。官方

  Font Awesome拥穿着IE7及以上校验器  。不过你要是必须用在这种过时的校验器上话,我只能表示同情 !

  Font Awesome 中包含的都是矢量图标 ,在高分辨率的显示器上也能完美呈现。

  Font Awesome是完全从头设计的整套图标 ,完全和Bootstrap 2.2.2版本兼容.

  安装 FontAwesome.otf 字体文件 ,然后在这个页面直接拷贝粘贴图标字符的代码就可以用于你的设计中了。

  Font Awesome 不会阻止屏幕阅读器,这和其他图标字体的行为方式完全不同。

软件特色

  软件的使用简易,操作方便

  是款可以扶植用户可铺开使用字体的插件

  也可对您的字体铺开快速的编辑

  拥穿着在ps软件上面铺开快速的使用操作

  友好的用户界面 ,让您轻快的即可落成操作

安装会谈明

  1 、载font awesome ps插件

  2  、下载后 ,将TTF文件安装到系统的字体目录。

  3、在PS或AI上使用Font Awesome图标字体

  4、打开Cheatsheet页面:fortawesome.github.io/Font-Awesome/cheatsheet/

  5  、选中你需要的图标 ,复制

  6、在PS或AI上粘贴上去(文字输入状态下) ,这时你可能校验到有点异常  ,别急,校验下面

  7 、那是因为我们没有选择字体,把字体选择为Font Awesome就OK了

使用计划

  最简易的 Bootstrap + Font Awesome 集成方式使用这种方式将 Font Awesome 集成到默认的 Bootstrap CSS中。

  拷贝 Font Awesome 字体目录到你的项目中 。

  font-awesome.min.css 文件到你的项目中。

  打开你的项目中的 font-awesome.min.css 文件并编辑字体路径指向正确的位置 。

  在html文档中的部分,引入 font-awesome.min.css 文件。

  在校验器中打开页面,检查是否正确启用了 Font Awesome!

  自定义 Bootstrap + Font Awesome LESS文件的方式铺开集成修改Bootstrap的LESS文件以集成 Font Awesome。

  Font Awesome。拷贝 Font Awesome 字体目录到你的项目中。

  拷贝 font-awesome.less 文件到 bootstrap/less 目录。

  打开 bootstrap.less 文件 ,并将 @import "sprites.less"; 替换为 @import "font-awesome.less";

  打开你的项目中的 font-awesome.less 文件,并编辑 @FontAwesomePath 变量,将其值替换为指向字体文件的正确路径。

  重新编译Bootstrap的所有 LESS 文件 。如果你使用的是less.js脚本动态编译的话就能直接在校验器中校验到效果了。

  在校验器中打开页面,检查是否正确启用了 Font Awesome!

图标预览

  Font Awesome 3.0版本中新增了40个全新的图标。如果你需要更多新图标,可以在 Font Awesome GitHub project 提出需求,或者 ,你也可以 贡献你创造的图标 。

  适合 Web 应用的图标

  文本编辑器图标

  指示方向的图标

  视频播放器图标

渝ICP备2025076537号-22