- npm i svgtofont -D 或者yarn add svgtofont -D
- 根目錄新增 scripts 目錄现恼，并新建 svg2font.js 文件：
const svgtofont = require("svgtofont");
const path = require("path");
const pkg = require("../package.json");
svgtofont({
src: path.resolve(process.cwd(), "src/assets/svg"), // svg 圖標(biāo)目錄路徑
dist: path.resolve(process.cwd(), "src/assets/fonts"), // 輸出到指定目錄中
fontName: "icon", // 設(shè)置字體名稱
css: true, // 生成字體文件
startNumber: 20000, // unicode起始編號
svgicons2svgfont: {
fontHeight: 1000,
normalize: true
},
// website = null, 沒有演示html文件
website: {
title: "icon",
logo: "",
version: pkg.version,
meta: {
description: "",
keywords: ""
},
description: ``,
links: [
{
title: "Font Class",
url: "index.html"
},
{
title: "Unicode",
url: "unicode.html"
}
],
footerInfo: ``
}
}).then(() => {
console.log("done!");
});
- 添加 package.json scripts 配置：
"font": "node scripts/svg2font.js",
- 執(zhí)行：
npm run font
