你的位置:首页 > 软件开发 > 网页设计 > 在线制作自定义字体

在线制作自定义字体

发布时间:2016-10-12 13:00:45
本文介绍如何使用现有的免费工具制作自定义的字体。 我们将会用到下面几个免费的在线工具。 1) IconMoon ( https://icomoon.io/app/#/select/font ) IconMoon是一个优秀的免费创建自定网页图标字体的工具。提供一个在 ...

 

本文介绍如何使用现有的免费工具制作自定义的字体。

 

我们将会用到下面几个免费的在线工具

 

1) IconMoon ( https://icomoon.io/app/#/select/font )

IconMoon是一个优秀的免费创建自定网页图标字体的工具。提供一个在线的字体制作APP,也提供离线版的Chrome插件, 同时还提供免费开源的图标供大家选用。支持上传SVG格式的图标或者单个字符。

2)EverythingFonts ( https://everythingfonts.com/ttf-to-svg )

EverythingFonts提供了丰富的字体转换工具,可以把ttf,otf,wotf等字体转换为SVG格式。

Fontfacegen(http://fontfacegen.com/ttf-to-svg-converter)也提供了类似的转换功能。

使用上面两个工具我们就能够把自己喜欢的开源字符“搬”到我们的自定义字体中去。

 

第一步:使用字体转换工具把TTF转成SVG格式。

有一些开源的字体已经提供了SVG格式(例如:fontawesome-webfont.svg)可以下后面的步骤中直接上传,就不需要字体转换这一步了。当我们找不到SVG格式的字体的时候就比较适合用到这个工具。

 

EverythingFonts 的字体转换器使用比较简单,

a) 打开网页,确认没有版权问题,勾选“The EULAs of the font allow this conversion: ”

b) 后点蓝色的“Pickup Font File”按钮从本地上传TTF字体文件。

c) 然后点绿色的“Convert”按钮就可以下载转换后的SVG文件了。

在线制作自定义字体

转换后的SVG文件是包含字符编码的,在后面我们导入之后别的字体的A也就会是我们自定义字体的A。

 

第二步:开始制作我们自己的字体

【1】直接在浏览器打开Iconmoon App( https://icomoon.io/app/#/select/font )

打开之后免费的iconmoon图标已经显示在你面前了,可以直接选用也可以点击最后面的“Add Icons From Library…”链接去图标库里面去选。

在线制作自定义字体

【2】新建一个空的图标集,这样便于我们分类选用。

在线制作自定义字体

【4】使用图标集旁边的“import to set”菜单项,导入我们之前制作(或者开源)的.svg文件。

原标题:在线制作自定义字体

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录