SVG2Iconfont 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
SVG2Iconfont 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 GPL
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
所属分类 程序开发SVG开发包
开发厂商
地区 国产
提 交 者 轻灵子
适用人群 未知
收录时间 2020-10-23

软件简介

SVG2Iconfont 是一个将 SVG 图标文件转换为 SVG、TTF、WOFF、WOFF2、EOT 字体文件的工具。

Node版本:>10.16.0

使用方法

命令行

  1. npm i
  2. npm link
  3. 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 类前缀。
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
暂无内容
暂无内容
0 评论
3 收藏
分享
返回顶部
顶部