1. 首页
  2. css

CSSFontello:图标字体服务的过去和未来

下面是Vitaly Puzrin的客串帖子,他是Fontello图标字体服务的开发者。我也是IcoMoon的粉丝,类似的服务。但我也非常喜欢竞争、分享思想和开源软件,所以非常感谢!
我的过去
我曾经热衷于无线遥控车型。实际上我经营着一个最大的俄语社区,关于无线电控制模型。那个网站今天仍然支持我,让我有时间从事其他项目。今天,我和一个小团队一起开发软件,就是因为我喜欢编程!当我决定完全重写RC设计的软件时,我的编程时代就开始了。多年来,我(后来我和我的团队)为IPB和vBulletin论坛开发了组件。最终,我们决定花太多的时间修改第三方软件,以满足我们的需要。最受欢迎的论坛都是商业论坛,它们是针对最佳销量而优化的,而不是针对最佳质量而优化的。因此,在我们的情况下,花几年时间在开发上是合理的,从长远来看,对于我们的中型项目来说是合理的。第一个Fontello版本
在研究新技术的同时,我对使用web字体显示图形的想法感到兴奋。从发展的角度来看,这是非常方便的。一开始很奇怪。为什么图标字体那么少?为什么不是每个人都用呢?在我看来,这是因为一个过程的崩溃。从构思到使用的过程是相当漫长和复杂的:
1. 设计器设计图标,图标是以矢量格式创建的,多个图标被转换成字体,这些字体被转换成web所需的格式,需要一个特殊的HTML和CSS系统来显示图标字体glyphs(glyphs)
2. 需要优化才能提高效率
3. 前端开发人员需要真正做到这一点
在这些步骤中的任何一个都可能失败。这变得特别可能,因为它涉及不同的人:设计师和开发人员。这些人之间可能会有差距。
Fontello的第一个发行版通过让每个人都更容易来弥补这个差距。它包含了几个已经可以使用的图标字体。您仍然可以在GitHub存档中找到第一个版本。为什么要使用图标字体?
为了让大家都站在同一个页面上,我将总结一下使用webfonts显示图标的利弊。优点
– 字体是矢量,因此在高分辨率屏幕上没有像素化或模糊,因为如果图形是光栅,需要放大时会出现这种情况。
– 浏览器支持与您需要的一样好一旦系统就位,使用它们是非常方便的。
– 。不过,多色也有一些花哨的技术,现代趋势和HIGs(人机界面指南)都建议使用单色。
如果您需要更多关于图标字体和使用它们的信息,以下是一些推荐的链接:
– 图标字体用法的HTML
– (为什么)图标字体很棒

CSSFontello:图标字体服务的过去和未来 为WP2原创文章,链接:https://www.wp2.cn/css/cssfontello%ef%bc%9a%e5%9b%be%e6%a0%87%e5%ad%97%e4%bd%93%e6%9c%8d%e5%8a%a1%e7%9a%84%e8%bf%87%e5%8e%bb%e5%92%8c%e6%9c%aa%e6%9d%a5/