博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
字体图标学习
阅读量:5917 次
发布时间:2019-06-19

本文共 752 字,大约阅读时间需要 2 分钟。

Font Awesome 是一套专门为  设计的图标字体库。这套图标字体集几乎囊括了网页中可能用到的所有图标,除了包括 Twitter Boostrap 的默认图标外,还有社交网络图标、 应用程序图标和编辑器图标等等,可以免费用于商业项目

主要特色

  •  一种字体,249个图标,是网页操作的象形语言;
  •  纯 CSS 控制,能够轻松定义图标的颜色、大小、阴影以及任何  能够实现的效果;
  •  无限缩放,矢量图标在任何尺寸下都一模一样;
  •  免费使用,包括商业和非商业项目;
  •  支持 Internet Explorer 7 浏览器;
  •  能够在 Retina 屏幕完美呈现;
  •  完全兼容  最新版本;
  •  对设计师友好,设计师能够轻松使用;
  •  和其它图标字体不同,兼容屏幕阅读器

使用方法

  使用 CSS:

  1. 拷贝 Font Awesome 字体目录到项目中;
  2. 拷贝 font-awesome.min.css 文件到项目中;
  3. 修改 font-awesome.min.css 文件中的字体路径到正确的位置;
  4. 在页面的 head 里引入 font-awesome.min.css 文件:

  使用 LESS:

  1. 拷贝 Font Awesome 字体目录到你的项目中;
  2. 拷贝 font-awesome.less 文件到 bootstrap/less 目录。
  3. 打开 bootstrap.less 文件并替换 @import "sprites.less"; 为 @import "font-awesome.less";
  4. 编辑 elusive-webfont.less 文件的 @FontAwesomePath 变量为字体路径:
@FontAwesomePath:   "../font";

  然后重新进行 LESS 编译就可以了。

 

转载地址:http://prwvx.baihongyu.com/

你可能感兴趣的文章
C语言的谜题
查看>>
HTML Agility Pack 搭配 ScrapySharp,彻底解除Html解析的痛苦
查看>>
[Leetcode] Integer to Roman
查看>>
[Windows Azure] Monitoring SQL Database Using Dynamic Management Views
查看>>
更好使用jQuery的8个小技巧
查看>>
推荐系统实践 - 第1章
查看>>
linux文件操作
查看>>
BZOJ 1058 报表统计(splay+set)
查看>>
ogre相关
查看>>
python 闭包
查看>>
Linux进程托管与守护进程设置
查看>>
自定义类和集合
查看>>
Android Mediaplayer解读
查看>>
Processing的代码编写流程
查看>>
kafka连接失败
查看>>
CSS常见布局与居中
查看>>
Java枚举类学习到进阶
查看>>
从官网学习Node.js Process模块方法速查
查看>>
MacOS下安装MongoDB数据库
查看>>
通俗易懂的设计模式
查看>>