SVG2IconfontSVG 轉(zhuǎn) Iconfont 工具

SVG2Iconfont 是一個(gè)將 SVG 圖標(biāo)文件轉(zhuǎn)換為 SVG、TTF、WOFF、WOFF2、EOT 字體文件的工具。

Node版本：>10.16.0

使用方法

命令行

1. npm i
2. npm link
3. svg2iconfont

參數(shù)：

• --name <font name>：字體名稱。默認(rèn)為iconfont。
• --input <input path>：輸入目錄。默認(rèn)為./。
• --output <output path>：輸出目錄。默認(rèn)為./。
• --format <font format>：字體格式。默認(rèn)為svg,ttf,woff2,woff,eot?？蛇x svg、ttf、woff2、 woff 和 eot，用逗號(hào)分隔。
• --prefix <class prefix>：CSS 類前綴。默認(rèn)為空。

示例：

svg2iconfont --name iconfont --input ./svg --output ./font --format svg,ttf,woff2,woff,eot --prefix iconfont-

注意：

CSS 類前綴不局限于一個(gè)名字，因?yàn)樗侵苯颖惶砑拥?CSS 類之前，它的替換方式是：

.%prefix%%class%::before { content: ""; }

其中%prefix%被前綴替換，%class%被類名即 SVG 圖標(biāo)文件的文件名替換。 比如一個(gè)類名為 A，前綴為 B-，那么在使用時(shí)為class="B-A"。前綴也可以是 B.那么在使用時(shí)為class="B A"。

模塊調(diào)用

入口文件地址：dist/index.js。

import svg2iconfont from "dist/index.js"; svg2iconfont({ name, input, output, format, prefix });

參數(shù)：

• name：字符串。默認(rèn)為iconfont。字體名稱。
• input：字符串。默認(rèn)為./。輸入目錄。
• output：字符串。默認(rèn)為./。輸出目錄。
• format：字符串?dāng)?shù)組。默認(rèn)值：['svg', 'ttf', 'woff2' ,'woff' ,'eot']。字體格式。
• prefix：字符串。默認(rèn)為空。CSS 類前綴。