代码拉取完成,页面将自动刷新
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
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。