如何生成自定义webfont图标?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何生成自定义webfont图标?相关的知识,希望对你有一定的参考价值。

我上传了一张示例图片。我的问题是,我怎样才能生成这样的图标?或者这些是由设计师绘制的?

字体真棒不需要那么多的图标。

enter image description here

答案

这里不止一个问题......

问:如何生成自定义webfont图标?

答:使用字体设计软件。在谷歌“字体编辑工具”中查看搜索结果。我已经使用了fontforge,效果很好。

问:我怎样才能生成这样的图标?

答:您可以使用矢量图形编辑器创建它们,例如“inkscape”,然后将它们导入新字体的字形......或者直接使用字体编辑软件构建它们。

问:这些都是由设计师绘制的?

答:一般来说,“设计”是由设计师制作的,这就是为什么外观很好......任何人都可以画出一个图标,但是获得好的结果并不容易。

网上有很多免费的图标字体,确定你可以找到比你的需求更接近的东西比fontawesome。如果没有,你可以用fontforge建立自己的,但这可能是一项艰苦的工作。

以上是关于如何生成自定义webfont图标?的主要内容,如果未能解决你的问题,请参考以下文章

自定义字体不会显示

WebFont技术使用之网页使用自定义字体

字蛛 自定义字体

sench touch 自定义小图标(转)

easyUI如何增加自定义的图标

是否可以使用自定义图标与reactjs?