博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Font Awesome 完美的图标字体
阅读量:6410 次
发布时间:2019-06-23

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

好久没来,虽说鄙人的人气不咋地,但还是很想念自己这一亩二分田地。

近期用在平台开发中,看着设计师摆开阵势,准备大画图标,想着自己将会很KUBI拼凑css-sprite图片,接着写一大堆 class^="icon-XXXX",此处空余千行泪。。。

其实,做前端的都有这样的情绪,“我不想切图标啊!!!”,本人甚是。就在茫然不知所措是,偶然在

 发现了新大陆!!!真的是相见恨晚。

在此给出这个项目的简介:

  • 一个字体文件, 249 个图标——一个字体文件包含了所有图标。Font Awesome 助你完整表达web页面上每个动作的含义。
  • 用CSS能非常容易的改变这些图标的颜色、大小、阴影以及任何CSS能控制的属性。
  • 矢量图意味着每个图标都能在所有大小的屏幕上完美呈现。
  • Font Awesome是完全免费的,无论个人还是商业使用。
  • Font Awesome支持IE7及以上浏览器。
  • Font Awesome 中包含的都是矢量图标,在高分辨率的显示器上也能完美呈现。
  • Font Awesome是完全从头设计的整套图标,完全和Bootstrap 2.2.2版本兼容。
  • 安装 FontAwesome.otf 字体文件,然后在这个页面直接拷贝粘贴图标字符的代码就可以用于你的设计中了。 
  • Font Awesome 不会阻止屏幕阅读器,这和其他图标字体的行为方式完全不同。

到这里,我只能说,这个太给力了!

如果你是一枚前端开发,使用这个工具,需要你做的仅仅是熟悉这个字体库的命名规则,避免与其命名冲突。剩下的,开始享受你的工作吧!

 

项目地址:

转载于:https://www.cnblogs.com/dereksunok/p/3833081.html

你可能感兴趣的文章
Sequelize 数据库的支持
查看>>
BigDecimal类的加减乘除
查看>>
node.js发送邮件email
查看>>
查看nginx配置文件路径的方法
查看>>
接口性能调优方案探索
查看>>
kali安装包或更新时提示“E: Sub-process /usr/bin/dpkg return”
查看>>
网站管理后台模板 Charisma
查看>>
EL:empty的用法
查看>>
Saltstack配置之 nodegroups
查看>>
Servlet和JSP优化经验总结
查看>>
squid使用rotate轮询(分割)日志
查看>>
VS2015安装EF Power Tools
查看>>
MySQL主从复制(笔记)
查看>>
keepalived高可用集群的简单配置
查看>>
Android Java Framework显示Toast(无Activity和Service)
查看>>
通过 SignalR 类库,实现 ASP.NET MVC 的实时通信
查看>>
NavigationController修改状态条颜色
查看>>
16大跨平台游戏引擎
查看>>
NPS如何配置基于mac地址的8021x认证
查看>>
XenServer架构之XAPI的调用流程
查看>>