1 Star 2 Fork 0

Freeruning / nodejs-svgs2font

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

svg图标编译成font

项目介绍

svg图标,编译成字体,包含svg、ttf、eot、woff 支持生成css,如果css有内容,会放置在内容最前面

建议全局安装

npm i @liepin/nodejs-svgs2font -D

使用方法

字体存放:把一个个svg字体放置在文件夹里

const svgsFont = require('@liepin/nodejs-svgs2font');
const path = require('path');

// 字体图标默认属性
svgsFont({
  fontName: 'iconfont', // 字体名称
  baseClass: 'text-icon', // 基础css类
  classPrefix: 'icon-', // 图标css前缀
  files: path.resolve(process.cwd(), 'icons'), // svg path
  output: path.resolve(process.cwd(), 'fonts'), // output path
  cssPath: path.resolve(process.cwd(), '/font.css'), // css文件
  publicPath: '../fonts', // 当使用less的@import时,出现找不到字体文件时,可以手动传入文件夹相对路径
  successLog: true, // 是否展示成功日志
});

另一种用法

svgsFont({
  fontName: 'iconfont', // 字体名称
  baseClass: 'text-icon', // 基础css类
  classPrefix: 'icon-', // 图标css前缀
  files: [
    '', // 每一个svg图标的绝对地址,满足可以传入不同地方的svg
  ], // svg path
  output: path.resolve(process.cwd(), 'fonts'), // output path
  cssPath: path.resolve(process.cwd(), '/font.css'), // css文件
  publicPath: '', // 当使用less的@import时,出现找不到字体文件时,可以手动传入文件夹相对路径
  successLog: true, // 是否展示成功日志
  svgicons2svgfont: {
    // svgicons2svgfont 插件的options, 请参考https://www.npmjs.com/package/svgicons2svgfont
  },
  svg2ttf:{
    // svg2ttf 插件的options, 请参考https://www.npmjs.com/package/svg2ttf
  }
});

特殊说明:由于生成的ttf、eot、woff,是写入当前时间戳,所以每次都会变化 可以传入一个固定的时间戳,替换当前的时间戳

  {
    svg2ttf:{
      ts: 1552532400 // Unix timestamp (in seconds) to override creation time (optional)
    }
  }

日志

1.0.0 增加命令行编译 svgTofont -v

空文件

简介

svg图标,编译成字体,包含svg、ttf、eot、woff 支持生成css 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/Freeruning/nodejs-svgs2font.git
git@gitee.com:Freeruning/nodejs-svgs2font.git
Freeruning
nodejs-svgs2font
nodejs-svgs2font
master

搜索帮助