icomoon字体图标

icomoon字体是一款应用性强力的APP线上图标字体转化成专用工具，适用icomoon.eot、icomoon.svg、icomoon.ttf、icomoon.woff多种多样格式，应用IcoMoon App将logo变为字体，应用省时省力，有须要的客户速率来取~

icomoon字体介绍

coMoon！一个可以根据人性化设定来建立自定图标（字体）的制作器！IcoMoon是一项完全免费的服务项目，根据应用不一样设定使大家可以建立自定的ICON图或ICON字体。

IcoMoon App - 一下子打造出你自己的 Web Font

官方网介绍

Icomoon，矢量素材图标素材内容分享网，是一个给予一系列的矢量素材图标素材内容的blog网站，也有不要钱的HTML5应用软件的自定图标字体。IcoMoon创立于2011年，发布的第一个自定图标字体制作器，它容许客户挑选她们所须要的图标，使他们成一字形。它是现阶段唯一的服务项目带来了一个简洁的SVG图象变换字体。除此之外，IcoMoon是与众不同的双音字体图标，并与一个恰当两端对齐字型，它是唯一的Web服务转化成清楚的图标字体。

icomoon字体特点

给予600 标识符，您可以按照自身要求定制（如就选2个）；可以导进别的字体，也开展尤其定制（相近fontforge作用）；定制字体给予装包导出来作用（省掉了字体变换），兼容IE6 ，当代电脑浏览器及其各种手机上机器设备，且有demo案例，并对标识符开展了HTML转换。可以说图标字体一条龙服务，又被称为“图标解决方法”！

照片版是通过CSS Sprites技术性解决的PNG格式，字体版有多种多样格式供大家挑选（EOT,SVG,WOFF,TTF）。

除此之外，除开别的室内设计师们设计方案的图标，IcoMoon也是有自身完全免费的大量图标集，他们都十分赞。

IcoMoon App字体变换应用流程

一、提前准备 SVG 格式的資源

最先必须将每一个标识符或是图标储存为 SVG 格式，便于稍候导到 IcoMoon 中。

Tips:

储存为单色就可以，由于 WebFont 只适用一种色调

途径连接点越少，最终转化成的字体文档也就越小

二、导进 SVG 文档到 IcoMoon

开启 IcoMoon App，点击左上方的 Import Icons 图标，导进你要想加上的 SVG 文档。

导进程序后，你也能够在网页页面中对 SVG 开展编缉，挑选 Edit 按键，再点击你需要编缉的图标便会开启编缉对话框。

三、建立并导出来字体

把你需要导出来的图标所有选定后，点击 Font 按键转到导出来网页页面，在该网页页面，你能编缉每一个图标的名字和 Unicode 编号，假如你不了解得话，维持默认设置就可以。

点击 Preferences 按键，在弹出来的对话框中，你能设定 Font Family 的字体名字，class 作为前缀等主要参数。

所有调节结束后，点击 Download 按键在线下载字体文件包。

四、运用字体

在在线下载的文档里，关键包括了 Woff/eot/ttf/svg 格式的字体文档和一个 HTML 实例文档及 CSS。

引进 CSS 文档：

根据设定 class 读取相对应的字体图标：