在前端开发过程中，字体样式是重要的一部分。而 express-fonts 是一个方便快捷使用 web 字体的 npm 包。今天我们来学习一下如何使用这个包。
安装
使用 npm 进行安装，命令如下：
npm install --save express-fonts
使用
在 app.js 或 index.js 中引入 express-fonts：
const express = require('express');
const app = express();
const fonts = require('express-fonts');然后在实例化 express 之后，使用如下代码：
app.use(fonts.middleware({
url: 'https://example.com/fonts',
path: '/fonts',
maxAge: '5d'
}));其中，url 参数代表你需要引入字体的 URL 地址，path 参数代表字体文件在服务器中的位置，可以自定义，maxAge 参数代表浏览器缓存时间，可以按照需求进行更改。
这样，你就可以在 HTML 模板或 CSS 中使用 express-fonts 的 API 了。
API
以下是 express-fonts 提供的 API：
字体引入
<link rel="stylesheet" href="<%= fonts.url('font-name') %>">这就可以将字体 'font-name' 引入你需要的 HTML 页面或 CSS 中，通过使用 fonts.url() 方法来获取该字体对应的 URL 地址。此时，您就已经成功引入了 express-fonts 的字体文件。
综合示例
-- -------------------- ---- -------
----- ------- - -------------------
----- --- - ----------
----- ----- - -------------------------
--------------------------
---- ----------------------------
----- ---------
------- ----
----
------------ -------- ----- ---- -
------------------- -
-------- ----------------------
---
---
---------------- -------- -- -
-------------------- --- --------- -- ---- --------
---其中，index 是你的 HTML 模板文件，通过 res.render() 方法进行渲染。
结语
express-fonts 是一个不错的字体库解决方案，它通过 NPM 来提供给前端开发者使用更方便的方法来使用我们想要的字体库。希望本文章对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600552fe81e8991b448d0609