以下是 Vitaly Puzrin 的客座文章,他是图标字体服务 Fontello 的开发者。我也很喜欢 IcoMoon,这是一项类似的服务。但我也是竞争、分享想法和开源软件的忠实粉丝,所以感谢 Vitaly!
我的过去
我过去非常热衷于遥控模型。我实际上运营着 俄罗斯语最大的遥控模型社区。该网站至今仍在支持我,让我有空从事其他项目。今天,我和一个小团队一起开发软件,仅仅因为我喜欢编程!
我的编程生涯始于我决定彻底重写 RC Design 的软件。多年来,我(后来是我和我的团队)为 IPB 和 vBulletin 论坛开发组件。最终,我们意识到我们在修改第三方软件以满足我们的需求上花费了太多时间。最受欢迎的论坛是商业化的,它们更注重最佳销售而不是最佳质量。
因此,在我们的案例中,在长期内为我们中等规模的项目投入几年时间进行开发是合理的1。
第一个 Fontello 版本
在探索新技术时,我对使用网络字体显示图形的想法感到兴奋。从开发的角度来看,这非常方便。
一开始这很奇怪。为什么可用的图标字体这么少?为什么不是每个人都在使用它们?在我看来,这是因为流程出现了问题。从想法到使用的过程相当漫长且复杂
- 设计师设计图标
- 图标以矢量格式创建
- 将多个图标转换为字体
- 将这些字体转换为网络所需的格式
- 需要特殊的 HTML 和 CSS 来构建一个显示图标字体字形的系统
- 需要优化以提高效率
- 前端开发人员需要实际执行
此过程可能在任何一个步骤中失败。由于它涉及不同的人员:设计师和开发人员,因此这种情况尤其可能发生。这些人之间可能存在差距。
第一个 Fontello 版本旨在弥合这一差距,使每个人都更容易使用。它包含了一些现成的图标字体。您仍然可以在 GitHub 档案库 中找到第一个版本。
为什么要使用图标字体?
为了确保我们都在同一页面上,我将总结使用网络字体显示图标的优缺点。
优点
- 字体是矢量的,因此在高分辨率屏幕上不会出现像素化或模糊,如果图形是光栅的并且需要放大,则会出现这种情况。
- 浏览器支持与您所需的一样好
- 一旦系统到位,使用它们就会非常方便。
- 可以说比雪碧图更容易。
- 它们可以用 CSS 控制,例如大小、颜色、阴影等。
缺点
- 图标将是单色的。虽然有一些花哨的(hacky)多色技术,但现代趋势和 HIG(人机界面指南)建议使用单色。
如果您需要更多关于图标字体及其使用方法的信息,以下是一些推荐的链接
- 图标字体用法的 HTML
- (为什么)图标字体很棒
后续步骤
在我们的第一个版本发布后,Fontello(当时称为“Fontomas”)获得了非常好的评价。在项目实用性的验证下,我们重新燃起了使其变得更好的热情。我还决定将 Fontello 用作测试我想使用的全新技术的沙盒,例如 WebSockets、新库等等。
大约在同一时间,出现了新的专业(和开源)图标字体:Entypo 和 FontAwesome。我们立即将它们包含在 Fontello 中。
字体格式问题
为了获得最佳的跨浏览器支持,网络需要四种字体格式:woff
、ttf
、svg
和 eot
。但是,如果您尝试查找字体生成库,您将不会找到太多帮助。尤其是对于ttf
。
据我所知,每个人都使用服务器端上的 FontForge 完成此过程。eot
和 woff
格式只是ttf
的容器。有一些开源转换项目,例如 ttf 到 eot 的一个项目,以及 http://code.google.com/p/ttf2eot/ 和 ttf 到 woff。这些都可用,我们也在使用它们。
提示
提示是一项技术,用于使小尺寸的字母更易读。由于主题相当复杂,建议您查看 ttfautohint 实用程序网站上的精彩介绍。
Fontello 可以使用 ttfautohint 添加提示。在过去,ttfautohint 仅适用于文本字体,因为它使用字母 O 来剪辑基本字体指标。但我赞助了图标字体的支持,因此现在它也可以提示这些字体。
提示对图标字体有好处吗?老实说,这取决于……建议您尝试您的项目并比较结果。您的字体是否可以在没有提示的情况下保持清晰?可以,如果它是像素完美的:仅以一种大小显示,专门为此大小绘制。例如,Entypo 字体在 20px 时清晰,FontAwesome 在 14px 时清晰。要查看这一点,请访问 Fontello 网站并拖动大小滑块,查看图标的外观如何变化。
界面细节
我决定花一些时间改进 Fontello 的界面。
当您找到喜欢的图标时,查看该图标与文本的组合方式非常方便。我们在 Fontello 的第二个选项卡中执行此操作,该选项卡也用作更改名称的位置

执行此操作的唯一正确方法是通过 @font-face 直接显示图标。任何其他技术(如 raphael 或)cuffon 都永远无法完全匹配字体指标。所以存在一个严重的问题
- 我们必须将我们的图标集合存储在网络字体中。
- 我们无法对自定义图标执行此操作。为服务器端上的每个自定义图标重建字体既复杂又昂贵。
由于主要目标是改进界面并使其正确,我决定暂时放弃导入功能并专注于界面可用性。老实说:只有极少数人真正需要自定义图标。也许这对“哇哦”因素不利,但 Fontello 不是一个商业项目,因此它可以忽略一些商业规则。
另一个可用性示例是 Fontello 的网站设计。基本上:没有设计:)。只是普通的 Twitter Bootstrap。为什么?因为 Fontello 只是一个开发工具。这样的工具不应美观,而应方便。Fontello 允许您
- 搜索图标
- 快速预览结果
- 更改特定项目的类名
所有这些功能都可用且可访问。
开发者 API
程序员对 Fontello 有一些特定的请求和想法
- 他们将项目的代码保存在版本控制仓库中。他们也希望将他们的 Web 字体存储在那里。
- 他们不喜欢用鼠标拖动文件。
- 他们希望有一种简单的方法来从仓库加载项目、更新项目并将结果移回仓库。
几个月前,我们完成了 API,使所有这些成为可能。
告别 FontForge
FontForge 作为编辑器很好,但对于自动字体处理来说并不方便。它有一些奇怪的错误,需要特定的解决方法。
最终我决定投入资源,使用Node.js从头开始编写字体转换器。那是一次最复杂的冒险。每个曾经处理过 ttf
二进制格式的人都可以告诉你,它是由外星人为掠食者设计的。无论如何,那个噩梦现在结束了,你可以享受最终的结果
此外,我们还创建了一个用于直接 SVG 路径转换(缩放、平移、绝对 <-> 相对坐标和尺寸优化)的不错的库。
当然,Fontello 不是一个完全独特的项目。组合/压缩字体的想法很简单。但据我所知,它是该领域唯一一个深入开发并以开源许可证共享所有成果的项目。
这里有一些其他地方没有记录的有趣的事实
- 如果
ttf
字体在名称表中没有“postscript”字段,则它将无法在 Mac 的字体簿中导出。 - 在
eot
格式中,字体系列必须以全名开头,否则 IE 不会渲染它。
感谢开源开发,有人在我们的 GitHub 问题跟踪器中发布了此信息。
使用自定义图标
由于我们的字体转换器是用 Node.js 编写的,所以在浏览器中使代码工作并不是什么大问题。现在,Fontello 在客户端动态创建导入图像的 ttf
字体,并通过 data-URI 将其注入页面。
在预览中,您可以看到图标在生成的字体中的样子。理论上,我们应该使用 woff
格式。但是由于所有现代浏览器都支持 ttf
,并且我们不太关心 IE6 的支持,因此我们使用 ttf
以节省一些时间,而不必先移植到 woff
。
如何请求新功能?
您可以在 GitHub 上请求任何您想要的功能。甚至疯狂的东西!只需问问自己两个问题:1)它对你真的有用吗?2)它对其他人有用吗?
举个例子。有时人们会问为什么 Fontello 不提供用户帐户来在我们服务器上存储项目。以下是我们的想法
- 保留用户数据是一项重大责任。为了保持高服务质量,这需要投资,这意味着像经营企业一样运行 Fontello。由于 Fontello 定位为非商业项目,我们不想将其推向成为商业项目。
- 用户不需要帐户,他们需要良好的导入和导出功能。这可以通过更好的方式实现
- 每个生成的字体包都已具有配置文件,可以加载回 Fontello 以继续工作。只需将其(或整个存档)拖到 Fontello 网站上即可。或者使用上面描述的 API。简单!
- 使用 GitHub 存储您的项目并控制更改。这更安全,可以保护您免受错误的影响。
每个新的功能请求都会根据增值来判断。帐户可能有利于开展业务,但它们并没有为 Fontello 用户带来明显的价值。这是一个神秘的想法,就像在注册表单上放置两次电子邮件/密码字段一样——每个人都这样做,但没有人能解释原因。
未来
您可以在此处查看完整的版本历史记录。
下一步是改进搜索:允许用户更新搜索标签、显示相关图标等。一些信息可以从用户操作中提取,例如分析更改的类名。
此外,更好地连接设计师和程序员也很好。我觉得这个领域还没有得到充分的覆盖。制作完整的图标字体是一项非常大的工作。许多设计师只需要分享几个图标,但是……在哪里?允许每个人在 Fontello 上发布他们的图标将很有趣。这需要进行重大的界面重新设计。因此,如果您是界面专家并希望参与,请与我们联系!
1 我对大型现代论坛的构建愿景可以在此演示中看到。它是 HTML5、Ajax 驱动的,使用历史记录 API 和大量其他优秀的技术。
哇,太棒了!
所以我们得到了一个完整的客户端字体转换解决方案和一个非常漂亮的界面来完成它?
这是一个非常棒的开源项目。
我发现 FontForge 有点乏味,所以对于那些喜欢基于浏览器的 icoMoon 但想要添加自己的额外内容或摆脱服务器端完成大量任务的需求的人来说,这是一个很好的亮点 :)
如果您需要通用的浏览器解决方案,而不局限于图标字体,则需要做一些额外的工作
svg2ttf – “完整”的字体转换需要关注字距调整和连字 ttf 表格。我们没有实际需要实现它,因为我们只做图标字体。但如果有人决定改进,这并不困难。
ttf2woff – 需要将 node.js 中的二进制异步解压缩库替换为用 js 编写的同步库(源代码存在)。
ttf2eot – 应该可以在浏览器中工作,但没有人检查过 :)
IcoMoon 领先一步。我很快就会写关于它的文章 :)
你是说比你开源的承诺领先一步吗?… :)
我从未“承诺”过我会开源 IcoMoon。我有一些计划这样做,但目前,我更喜欢独自完成它。但也许将来我会开源它。
与其他解决方案相比,IcoMoon 在功能方面,更重要的是其最终结果方面领先一步。即使在正确的大小下使用,Fontello 的字体图标看起来也很模糊。
当你做不到什么的时候,你就在到处散布模糊的承诺,你不会遵守。你如何在 github 上愚弄人们关于 icomoon 的事情很有趣,当他们试图向你解释 github 是用于开源项目的时。
事实上,你只是利用开源作品来做生意。并杜撰关于 fontello 的虚假声明,以显示你的项目比它实际情况更好。
回到现实生活中来。这是一篇技术文章,不是营销竞赛。
@puzrin 你到底在暗示我做不到什么?我没有愚弄任何人。我过去使用过 github 的问题跟踪器,并且计划将 IcoMoon 开源,但我只是改变了主意。至少现在是这样。
我为开源项目做出了贡献,并且在以后有能力时也会继续这样做。在重写 IcoMoon 的新版本时,我在 angularjs 中遇到了一些错误并提交了拉取请求(已接受)。这只是一个例子。
根据你的文章
IcoMoon 的新版本(于 10 月 17 日悄然发布)使用了我自己编写的 javascript 库,它没有在服务器端使用 fontforge。顺便说一下,我的库支持连字。生成字体的整个过程都在客户端完成。另一方面,当您点击下载按钮时,Fontello 会向服务器发送请求;因此,当您离线时,它将无法工作。IcoMoon 应用程序可以完全离线工作。
我的说法并非“虚假”或“捏造”。用 fontello 生成的字体看起来很模糊。这是一个例子
屏幕截图
demo.html(icomoon)
demo.html(fontello)
此示例显示了从“iconic”集中选择的 3 个图标。此图标集是在 16×16 网格上设计的。我调整了 fontello 的演示以在 16px 下显示图标。它最初在 14px 下显示它们(这使它们看起来更糟糕)。此示例清楚地显示了 fontello 与 IcoMoon 相比的失败之处。
关于我的例子,我需要澄清一件事。这种像素完美只在普通屏幕上才有意义。在高PPI的显示器上,你将无法看到这些瑕疵和模糊的边缘。
@keyamoon,众所周知,GitHub是用于开源项目的。你长期利用社区人力资源,在GitHub的问题跟踪器中收集iComoon的信息。社区因为你模棱两可的承诺而信任你,因为他们相信你真的是一位开源开发者。最后你却删除了仓库。没人关心你的计划和想法变化。我只是陈述目前存在的事实。你个人资料中展示的贡献几乎为零。
在你生成的字体中,你没有提供如何署名使用图标作者的信息。这是开源项目中必不可少的事情。你只是拿走别人的作品,破坏了开源开发的反馈原则。你自己的“免费”图标使用GPL许可证,这与许多类型的项目(如主题、MIT许可证等)不兼容。
此外,你说你的应用有连字和离线生成功能,却忘记了Fontello有API、预览时渲染正确以及更简单易用的界面。你为什么认为你的功能更有优势?这些仅仅是毫无价值的卖点,有助于营销和销售。但你却来到评论区说“我的应用更好”。也许对你来说它更好,因为你靠它赚钱:)?
然后你拿了一个在Fontello中为了更好地与文本平衡而缩小的过时的图标,在16像素下进行比较,并将结果推广到所有Fontello字体。真是个笑话。为什么不使用更现代和流行的FontAwesome和Entypo?为什么不在尺寸超出网格时比较带有提示的字体?我认为,因为你像往常一样操纵事实来推广你的商业服务。
IcoMoon和Fontello拥有不同的功能集。但这并不意味着IcoMoon“特别”或“遥遥领先”。用户应该自己决定,而不是你。
我并不反对赚钱。但正如我上面所说,你使用开源作品却几乎没有反馈,并试图通过宣传你的商业应用来抹黑真正的开源项目。这看起来很奇怪。而且我认为这不是Fontello的问题:)
@puzrin 我的GitHub资料显示我为几个开源项目做出了贡献。我通常在遇到错误或其他问题时才会这样做。我不确定你为什么说它“几乎为零”。
IcoMoon应用的库选项卡显示了每个集的许可信息。我将我的免费图标包的许可证更改为GPL,因为WordPress主题开发者要求我这样做。它以前是CC BY 3.0。如果其他主题开发者要求其他许可证,我可能会再次更改许可证。
我不想在评论中列出IcoMoon的所有功能。我认为如果我写一篇关于IcoMoon的完整文章会更合适。如果你愿意,我可以逐一比较IcoMoon与Fontello的功能。你有没有看过IcoMoon的预览选项卡?它也使用了@font-face,如果你不知道的话。我不使用Cufon或Raphael。事实上,如果你在IcoMoon中更改字体的度量(如基线),预览就会更新,你可以实时看到你的更改。IcoMoon也有一个非常简单的界面。用户应该决定哪个更好。
如你所愿,让我们比较FontAwesome。我只是随机选择了图标。我不知道它在Fontello中是“过时的”。这是另一个使用从FontAwesome中选择的图标的示例。这两个演示都显示了14像素的图标,这是FontAwesome的设计尺寸。
屏幕截图
demo.html(IcoMoon)
demo.html(fontello)
无论是否在Fontello中启用“提示”,结果都一样。正如我之前所说,你的字体提示似乎除了增加字体大小外没有任何区别!
我不确定如何处理你的其他评论,因为我不完全理解它们。无意冒犯,但你可能需要考虑提高你的英语水平。
@keyamoon,你在GitHub上的几个提交并不能让你成为开源开发者。而且这并不能改变你在GitHub上的主要活动是在iComoon仓库中,在那里你长期欺骗人们关于应用的真实性质。
在你的网站上显示字体属性并不能取代生成归档文件中的许可证文件以及如何为艺术作品的作者署名的说明。你以一种方式使用开源,只是为了推广你的专有应用和付费服务。并试图贬低开源项目,这阻止了你获得更多利润。
我不确定我是否需要像你这样的专家进行“诚实的比较”:)。我不知道你是如何进行测试和截图的,但你的两个最新示例在Ubuntu + FF/Chrome下都非常清晰。抱歉让你失望了,但你对Fontello结果不佳的感受只是基于特定案例的推测。可能是由fontface中不同的ttf/woff顺序引起的。提示也是一样——在不同的平台上先尝试一下,然后再解释“它不起作用”。
顺便说一下,你总是指出“错误”,即Fontello不是唯一一个不使用FontForge的应用。Fontello几个月前就转向了新的字体生成器,你远远不是第一个这样做的。用于清晰预览的字体已经使用了多年。而且这篇文章是在你的应用更新一周前写的:)。此外,这并没有改变全局情况——Fontello与社区共享其库,其覆盖范围比你用于字体生成的商业服务更广。
PS。如果你对我的英语不满意——没问题,说俄语。
你在不了解全部情况的情况下侮辱我。我并没有试图在GitHub上欺骗任何人。我已经明确表示仓库是空的,我只是在使用问题跟踪器。我实际上看到Chris在css-tricks上这么做了,所以我想只使用问题跟踪器应该是可以接受的。
将许可证文件添加到IcoMoon生成的包中实际上在我的待办事项列表中。旧版本实际上是这样做的。
如果你愿意改进你的服务而不是忽视事实,我的截图是在OS X上的Chrome中截取的。在Safari中你会得到相同的结果。
与其侮辱我,不如尝试比较Fontello的功能和最终结果与IcoMoon的。
@keyamoon,你的计划、梦想和承诺不能被考虑在内。我的态度取决于你现在拥有的东西,以及你过去做过的事情。如果你认为以咄咄逼人的方式攻击开源项目是正常做法——不要惊讶,当有人记住你在开源社区犯下的所有“错误”时。不会因为你的解释而打折扣。
只是用你的应用进行了一些快速检查
测试1。
仅添加FontAwesome和Entypo
选择所有字形(约700个)
尝试转到预览选项卡
非常慢。与Fontello上的相同操作进行比较。
测试2。
相同操作,但使用WebHostingGlyphs(约2000个选中)。点击预览后,应用冻结很长时间,然后显示字体损坏的预览。
所有操作都在Ubuntu下的FF/Chrome中进行。
即使我忽略了一些奇怪的界面解决方案的评论,看起来你的最新应用也处于非常早期的测试阶段。也许以后会变得更好。但现在即使界面也有严重的延迟。你试图将稳定的Fontello与你想象中的未来版本进行比较,“当它变得可以接受时”。并且夸大了你的优势。这并不严肃也不道德。
如果你需要更多尊重——停止营销炒作和恶意攻击。首先使你的新应用稳定。并在你的比较中少一些武断,多一些准确性。你不是“行业领导者”,你也不是唯一一个知道如何制作优秀项目的人。
你提供的这两个测试在应用的实际和实用使用方面甚至都不重要。但我感谢任何反馈,因为它只会帮助我改进我的服务。所以,感谢你的反馈。祝你好运解决OS X下Fontello的字体渲染问题。
非常有趣的文章,有趣的观点。
仅供参考,“告别FontForge”下的第二个项目符号中的链接有点损坏……
谢谢,已修复
我不明白为什么单色是一个缺点。没有道理,它是一个字体!你可以根据自己的喜好对其进行着色……
可以这样理解图标:https://www.iconfinder.com/iconsets/flat-services-icons
单色指的是每个单独的图标只能有一种颜色。
不是确切的术语。这不是一个缺点,而是一个技术限制。使用字体现在无法实现多色。是的,几乎没有人关心它:)
Vitaly,我对你的慷慨感到惊讶!
免费提供此工具,没有任何商业动机,这是一份很棒的礼物:-)
“Fontomas”是我开始我的类似(但商业化的)Fontastic项目时的灵感来源。
我喜欢Fontomas几乎“非设计”的外观,这使得界面非常轻巧且不杂乱。
我还记得你帮助我为Fontastic找到了我的第一个开发者,这也很慷慨。
继续努力,我们可能会将你的新SVG转换库用于我们下一个Fontastic功能。
对于那些还不知道的人,请查看我自己的图标字体生成器:http://www.fontastic.me
我们让创建图标字体变得有趣!
哇!好工作,伙计。。。
像你这样的开发者让我们松了一口气:)
我今天刚发现Fontastic.me——真是个很棒的资源,能够“自己动手”创建图标字体,并且只包含项目所需的图标,这非常有意义。对每个Web开发者来说,这都是一个响应式设计友好的解决方案!我希望你们能保持基本功能免费 & 祝项目顺利!
我不同意“Fontforge不方便用于自动字体处理”。
Fontforge支持其自身的原生脚本和Python扩展。我还看到一些其他语言的扩展(例如Lua)。
我在我的项目pdf2htmlEX中使用了Fontforge的C库,效果非常好。
说到svg2ttf,有一个名为FontCustom的实用程序,它也使用了Fontforge。
但我同意“Fontforge存在一些奇怪的bug,需要特定的解决方法”,它直到最近才针对扩展进行了优化。但它已经有了很大改进,许多人只使用Fontforge脚本而不是编辑器。
抱歉,如果我的话被理解为“FontForge很糟糕”。我无意如此。长期以来,FontForge是唯一开源的字体脚本选择。这是一个巨大的成就。当然,svg2ttf/ttf2woff/ttf2eot永远不会声称“做到完全一样但更好”。
我只是说,对于像图标字体生成这样的特定任务,编写JS库带来了显著的优势。即使我们不讨论解决方法和其他复杂的技术细节,能够在浏览器中创建字体也是一个杀手级功能:)。此外,如果您使用node.js进行开发,则专用转换器的安装更简单——没有二进制依赖项。
出于历史原因,我仍然保留一组FF脚本,这些脚本之前在fontellohttps://github.com/fontello/font-builder中使用过。它创建的时间远早于FontCustom,但从未被推广为良好的独立库。
PS。我熟悉pdf2htmlEX,非常感谢你的项目。
@Vitaly Puzrin 感谢你的解释!没有冒犯的意思,我只是觉得最初的表达有点误导。但确实Fontforge可能过于复杂了。
我想我能理解你为这些库付出的努力,我记得我不得不阅读了几遍TTF规范,并且花费了几个小时进行测试才能理解升/降的复杂组合。但是,天哪,你必须生成真正的TTF字体……
fontello/font-builder
,哦,我知道我以前见过这个名字。其中一个脚本,font-merge.py
,是我在找到FontCustom之前阅读的那个脚本,尽管我直到现在才知道它的历史。这个脚本,以及FontCustom中的那个脚本,让我意识到FontForge能够将单个SVG图像加载为字形。——我从未在文档中自己找到这些功能……——如果没有它们,我无法在pdf2htmlEX中实现Type 3字体支持。谢谢!(很高兴听到你喜欢pdf2htmlEX)我对“在浏览器中创建字体”仍然有点困惑,我以为你指的是一切都是建立在node.js之上的,而不是在浏览器中运行的JS?如果我错了,请纠正我。
顺便说一句,我不知道如何回复你的评论,因为你的评论中没有这样的链接,可能是因为它已经是回复了。让我看看我的黑客技术是否有效……
@陆王
当你为
node.js
编写代码并且不使用node的内置库和其他blob时,以后可以将你的代码“browserify”以便在浏览器中执行。如果你感兴趣,我建议从这两个项目开始调查es5-shim——“修复”旧浏览器以支持大多数有用的ecmascript 5特性
webmake——将node的commonjs模块(嵌套的
require(...)
)组装成单个文件,适用于浏览器。fontello中真正的客户端捆绑过程要复杂得多,但上面的两个链接足以理解原理。
是的,没错,fontello也在客户端使用
svg2ttf
。无需深入源代码即可轻松检查。打开浏览器开发者工具,导入自定义图像/字体,并检查是否未执行服务器请求。然后转到DOM选项卡,你将看到图标通过@fontface显示。@Vitaly Puzrin 我明白了。感谢你的提示,看起来很有趣。我会查看一下!
我记得以前用过这个。你的文章让我重新回到它并尝试了一下,它运行得完美,谢谢。:)
你可以在此处获取Facebook克隆脚本http://facebookclonescript.com
非常酷。在开发时开始使用图标字体,这应该非常有用。
感谢关于FontAwesome在14px的增量下看起来最清晰的提示,我之前没有意识到它有一个最佳点,但这确实有道理。
我每天都在工作中使用Fontello,已经超过一年了。这是一个非常有用的项目!开发人员和代码库维护人员会倾听请求,并快速明智地回复:) 新的“导入你的自定义SVG”功能使Fontello变得更好。感谢你们的工作。
允许每个人共享在Fontello中创建的自定义字体将非常棒。
对于正在寻找另一种允许在帐户中存储字体集的替代方案的人来说,还有http://fontastic.me/。
嗨,尼科!
请创建一个包含共享功能如何使用的描述的工单。如果仅限时共享就足够了,那么可以实现。
+1 支持Fontastic。我尝试过所有服务,对Fontastic最满意。它更直观,而且总体上运行良好。支持也超级棒。
Fontello和IcoMoon都必须改进其设计。考虑到项目的规模,看到Fontello基于Twitter Bootstrap让人感到尴尬。改进自定义设计应该不费吹灰之力。
图标字体的最大缺点是它们缺乏响应性。
例如,当我使用bootstrap网格时,我必须使用像flowtype这样的类型插件来触发图标字体,以便根据可变的网格大小调整图标。
这很烦人,因为这些类型的插件总是会干扰其他插件,例如模式窗口等。
我还没有测试过它与任何其他插件的冲突,但你尝试过FitText.js吗?
我是Fontello的超级粉丝。写了一篇关于使用Fontello的图标字体的相当简短的文章。非常基础,但只是想分享一下。
跑题了——@托德,我看到了你关于Fontello的文章,从截图来看,我认为你使用的是Sublime Text。如果是的话,你使用的是什么主题?我喜欢你使用的代码颜色主题。
提前感谢。
嗨,我确实使用Sublime Text,但那些不是截图。是我粘贴到文章中的代码示例。
请将任何关于我博客文章的进一步评论发布到wearewebheads.com,谢谢。(对此我感到抱歉,克里斯)
我已经使用fontello几个月了,实际上之前甚至没有使用过图标字体,因为它看起来获取整个字体来使用其中1或2个图标非常麻烦。它确实是一款很棒的产品,现在我看到了幕后所有的复杂性,我发现它更加出色。继续努力吧!非常有用!非常感谢!
Fontello,一个用于响应式网站开发和设计的绝佳解决方案——干得好,维塔利——很快就会成为我最喜欢的网站!!
维塔利,
我希望我们住在同一个城市,因为我真的很想请你喝啤酒/咖啡/伏特加或十杯。Fontello为我的许多项目节省了大量精力。今天有趣的是,我能够设置每个图标的Unicode值,以便能够构建部分字母表(好吧,我可以构建整个字母表,但我只需要4个字母),其中2个图标是我自己创建的SVG。
我无法描述我过去使用FontForge完成同样任务的麻烦。
个人而言,我无法充分表达我对你的努力的感谢。一旦我有时间,我将创建一两个我过去创建的社交网络的SVG图标集。
每个人都在谈论字体图标是未来,通过你的文章我开始理解它。但图标不仅仅是象形图……更复杂的形状呢?
不知何故,我无法在IE 11中显示我的Fontello图标。有人有解决方案吗?
哈哈,外星人=苹果,捕食者=微软:)