Web 技术研究所

我一直坚信着,Web 将会成为未来应用程序的主流

iconfont的适用性与制作

  现在很多大网站已经将iconfont投入使用了,这确实是个很实用的技术,而且iconfont还可以兼容到低版本浏览器。对于需要动态指定纯色或缩放到多个尺寸的图标,iconfont是最佳解决方案。但它也有自己的局限性,不能把它当作CSS Sprite的替代品。
  iconfont的优点就是让低版本浏览器支持了矢量图,而且可以直接通过CSS修改它的大小和颜色;缺点是使用的矢量图只能是纯色的(现代浏览器可能支持文字颜色渐变和投影效果),而且维护成本更高。
  那么,怎么使用iconfont呢?其实很简单,因为现在对iconfont的生成已经有很多现成的工具了,我们只需要做出一套SVG,就可以通过工具转换成相应的字体。
  首先,用Ai画一个矢量图,并保存为SVG格式。

  然后在icomoon上创建一个项目,把SVG丢进去。

  然后根据那个网站上的步骤操作就可以生成一组字体了,里面还包含了实例,具体我就不演示了。
网名:
3.84.186.*
电子邮箱:
仅用于接收通知
提交 悄悄的告诉你,Ctrl+Enter 可以提交哦
神奇海螺
[查看全部主题]
各类Web技术问题讨论区
发起新主题
本模块采用即时聊天邮件通知的模式
让钛合金F5成为历史吧!
次碳酸钴的技术博客,文章原创,转载请保留原文链接 ^_^