如果你正在寻找一个简洁、可配置的字体大小修改程序，那么 npm 包 font-size-actions 可能会是你需要的。该包提供了一组小的方法，可以在你的项目中快速的调整字体大小。
安装
你可以使用以下命令来安装 font-size-actions：
npm install font-size-actions
使用方法
在这个教程中，我们将重点介绍如何使用该包中的以下 3 个方法：
- increaseFontSize
- decreaseFontSize
- resetFontSize
1. Import
首先，你需要在使用它之前导入它。你可以在你的 JavaScript 文件中这样做：
import { increaseFontSize, decreaseFontSize, resetFontSize } from 'font-size-actions';如果你使用旧版的 Node.js 或者浏览器不支持 ES6 模块，你也可以使用以下方式导入：
const { increaseFontSize, decreaseFontSize, resetFontSize } = require('font-size-actions');2. 使用方法
接下来，让我们来看一下如何使用这些函数。
increaseFontSize
increaseFontSize(element, step, limit, callback);
该函数将会增加元素 element 的字体大小，它的用法如下：
increaseFontSize(document.body, 2, 24, () => {
console.log('字体大小增加');
});参数：
element: 需要增加字体大小的元素。step: 每次增加的字体大小值。limit: 字体大小的最大值，到达此值后不再增加。（可选，如果不提供则不会限制最大值）callback: 在字体大小增加成功后要执行的回调函数。（可选）
decreaseFontSize
decreaseFontSize(element, step, limit, callback);
与 increaseFontSize 函数类似，该函数将会减少元素 element 的字体大小，它的用法如下：
decreaseFontSize(document.body, 2, 12, () => {
console.log('字体大小减少');
});参数：
element: 需要减少字体大小的元素。step: 每次减少的字体大小值。limit: 字体大小的最小值，到达此值后不再减少。（可选，如果不提供则不会限制最小值）callback: 在字体大小减少成功后要执行的回调函数。（可选）
resetFontSize
resetFontSize(element, callback);
该函数将会重置元素 element 的字体大小为标准大小，它的用法如下：
resetFontSize(document.body, () => {
console.log('字体大小已重置');
});参数：
element: 需要重置字体大小的元素。callback: 在字体大小重置成功后要执行的回调函数。（可选）
示例代码
我们来看一下使用上述函数的完整示例代码。
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------------------ ----------
-------
------
-- --------------- ----------
------- --------------
------ - ----------------- ----------------- ------------- - ---- --------------------
----- ---- - --------------------------------
------------------------------------------------------------------- -- -- -
---------------------- -- --- -- -- -
----------------------
---
---
------------------------------------------------------------------- -- -- -
---------------------- -- --- -- -- -
----------------------
---
---
---------------------------------------------------------------- -- -- -
------------------- -- -- -
-----------------------
---
---
---------
------- -----------------------------------
------- -----------------------------------
------- --------------------------------
-------
-------在上面的示例代码中，我们使用了 3 个按钮，每个按钮都会触发上述 3 个函数之一。你也可以在你的项目中根据你的需求修改这些代码。
总结
通过使用 font-size-actions 包，你可以轻松地修改你的页面中的字体大小。它提供了简洁的 API，易于使用和配置。在你的项目中尝试使用它，它将节省你的时间和精力，使你的工作变得更加高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005517681e8991b448cec1e