介绍
font-extensions 是一个 npm 包，它可以帮助我们生成各种格式的字体文件，包括 ttf、eot、woff2、woff、svg 五种格式。它的使用简单，而且功能强大，可以大大减轻前端工程师的工作量，提高开发效率。
安装
你可以通过以下命令来安装 font-extensions：
npm i font-extensions
使用
使用 font-extensions 非常简单，只需要执行以下命令即可：
const { convertFont } = require("font-extensions");
convertFont({
src: "font.ttf",
formats: ["ttf", "eot", "woff2", "woff", "svg"],
dest: "build",
});上面的代码中，我们首先引入了 font-extensions，然后调用了它的 convertFont 方法，并传入了一个对象作为参数，其中：
- src：指定要转换的字体文件路径；
- formats：指定要生成的字体文件格式；
- dest：指定生成的字体文件的输出路径。
如果你只需要生成指定格式的字体文件，那么可以将 formats 属性设置为一个数组，如下所示：
const { convertFont } = require("font-extensions");
convertFont({
src: "font.ttf",
formats: ["woff2", "woff"],
dest: "build",
});此时，只会生成 woff2 和 woff 两种格式的字体文件。
示例代码
下面是一个完整的例子，它用 font-extensions 生成了一份中文字体的各种格式的字体文件：
-- -------------------- ---- ------- ----- - ----------- - - --------------------------- ----- ---- - ---------------- ------------- ---- -------------------- --------------- -------------------------- -------- ------- ------ -------- ------- ------- ----- -------------------- ------- --------- ---------- -- - ----------------- ---------- ------------- ---
在上面的代码中，我们将原始字体文件放在了一个名为 source-fonts 的文件夹下，而生成的字体文件则会被放在名为 dist/fonts 的文件夹下。这里要注意的是，如果你使用的是相对路径，那么需要使用 path.join(__dirname, "xxx") 这样的方式来指定路径。
执行上面的代码后，控制台会打印出 "Font conversion completed."，此时你就可以在 dist/fonts 目录下找到生成的字体文件了。
总结
通过本文的介绍，我们学会了如何使用 npm 包 font-extensions 来生成各种格式的字体文件。它的使用非常简单，而且功能强大，适合在前端项目中使用。如果你还不知道如何生成字体文件，那么不妨尝试一下 font-extensions，相信它会给你带来不少帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedaedbb5cbfe1ea0610efb