SVG2IconfontSVG 转 Iconfont 工具
SVG2Iconfont 是一个将 SVG 图标文件转换为 SVG、TTF、WOFF、WOFF2、EOT 字体文件的工具。
Node版本:>10.16.0
使用方法
命令行
npm i
npm link
svg2iconfont
参数:
-
--name <font name>
:字体名称。默认为iconfont
。 -
--input <input path>
:输入目录。默认为./
。 -
--output <output path>
:输出目录。默认为./
。 -
--format <font format>
:字体格式。默认为svg,ttf,woff2,woff,eot
。可选 svg、ttf、woff2、 woff 和 eot,用逗号分隔。 -
--prefix <class prefix>
:CSS 类前缀。默认为空。
示例:
svg2iconfont --name iconfont --input ./svg --output ./font --format svg,ttf,woff2,woff,eot --prefix iconfont-
注意:
CSS 类前缀不局限于一个名字,因为它是直接被添加到 CSS 类之前,它的替换方式是:
.%prefix%%class%::before { content: ""; }
其中%prefix%被前缀替换,%class%被类名即 SVG 图标文件的文件名替换。 比如一个类名为 A,前缀为 B-,那么在使用时为class="B-A"
。前缀也可以是 B.那么在使用时为class="B A"
。
模块调用
入口文件地址:dist/index.js
。
import svg2iconfont from "dist/index.js"; svg2iconfont({ name, input, output, format, prefix });
参数:
-
name
:字符串。默认为iconfont
。字体名称。 -
input
:字符串。默认为./
。输入目录。 -
output
:字符串。默认为./
。输出目录。 -
format
:字符串数组。默认值:['svg', 'ttf', 'woff2' ,'woff' ,'eot']
。字体格式。 -
prefix
:字符串。默认为空。CSS 类前缀。
评论
Mini Program Iconfont批量图标转换工具
把iconfont图标批量转换成多个平台小程序的组件。不依赖字体,支持多色彩。支持平台:微信小程序支
Mini Program Iconfont批量图标转换工具
0
Mini Program Iconfont批量图标转换工具
把iconfont图标批量转换成多个平台小程序的组件。不依赖字体,支持多色彩。支持平台:微信小程序支付宝小程序百度小程序头条小程序QQ小程序特性1、纯组件2、不依赖字体文件3、支持px和rpx两种格式
Mini Program Iconfont批量图标转换工具
0
Flutter Iconfont在 Flutter 中使用 iconfont 图标
用纯JS把iconfont.cn的图标转换成FlutterWidget,不依赖字体,支持多色彩特性1、纯组件,不依赖字体,体积小2、支持渲染多色彩图标,支持自定义颜色3、自动化生成图标组件
Flutter Iconfont在 Flutter 中使用 iconfont 图标
0
markdown2html-cliMarkdown 转 HTML 工具
markdown2html-cli 是一款使用 gulp 开发的小工具,用于进行 Markdown
markdown2html-cliMarkdown 转 HTML 工具
0
ClojureScriptClojure 转 JavaScript 工具
ClojureScript 是一个用来将 Clojure 语言转成 JavaScript 脚本的工具
ClojureScriptClojure 转 JavaScript 工具
0
J2ObjCJava转Objective-C工具
J2ObjC是一个来自Google的开源命令行工具,用于将Java代码转成iOS平台上的Objective-C代码。该工具使得Java代码可作为iOS应用构建的一部分,而且无需对生成的文件进行编辑。其
J2ObjCJava转Objective-C工具
0