Fontello:图标字体生成器

Fontello 是个图标字体生成器。这个工具允许用户把这些图标 web 字体放到自己的项目中。

主要特性如下:

  • 缩小字形集合,减小字体大小
  • 合并一些字体标记到单个文件中
  • 访问大量专业级的开源图标

115733_8rsB_865233

 

Fontell 使用方法

使用方法:

  1. 选择想要的图标,然后点击右上角的红色按钮下载
  2. 解压下载回来的 zip,把里面的文件上传到你的网站
  3. 下载回来的包有个 demo.html,这里可以看到相对应的类名(class name)。使用的话照着demo.html 用就可以了。

Fontell 高级使用技巧:在选择所需的图标,下载前可以点击Customize Names 来自定义选择器名称,这样就可以充分满足个性化需求。

827321739120130708

Fontell的 web-font 使用利弊问题

不过有好有坏, Web-font的兼容性问题实在是当前阻碍其发展的拦路虎。

利:矢量图标,可以完美支持 放大、改变颜色 等 CSS 层面的修饰而无失真

弊:不兼容某些浏览器(IE)、同比图片式图标,加载的文件容量(字体文件、CSS文件)更大;如果考虑hack,加载更多的CSS 文件

官方网站:http://fontello.com/

1 收藏

资源整理者简介:rose

瞌睡的考拉,慵慵懒懒,跟失了恋一样无精打采抱着树干想着能把树叶怎么了 个人主页 · 贡献了28个资源


直接登录

推荐关注

按分类快速查找

关于资源导航
  • 伯乐在线资源导航收录优秀的工具资源。内容覆盖开发、设计、产品和管理等IT互联网行业相关的领域。目前已经收录 1439 项工具资源。
    推送伯乐头条热点内容微信号:jobbole 分享干货的技术类微信号:iProgrammer