概述
@nodert-win10/windows.globalization.fonts 是一个 Node.js 模块，通过它可以获取 Windows 操作系统中已安装的字体信息。
这个模块主要面向使用 Electron 等桌面应用程序开发的前端开发人员。
本文将详细介绍如何使用这个 npm 包。
安装
在项目目录下打开命令行终端，输入以下命令安装 @nodert-win10/windows.globalization.fonts：
npm i @nodert-win10/windows.globalization.fonts
API
该模块提供以下 API：
1. getFontFamilies()
获取系统中安装的字体家族列表。返回值类型是一个字符串数组。
const fonts = require('@nodert-win10/windows.globalization.fonts');
const fontFamilies = fonts.getFontFamilies();
console.log(fontFamilies);2. getFontsForFamily(fontFamily: string)
获取指定字体家族中的字体列表。参数 fontFamily 是字体家族名称，返回值类型是一个数组，数组中每个元素都是一个字体的信息对象，包括 name、displayName、isBold、isItalic 和 filePath 等属性。
const fonts = require('@nodert-win10/windows.globalization.fonts');
const fontsOfFamily = fonts.getFontsForFamily('微软雅黑');
console.log(fontsOfFamily);3. getFontFiles()
获取系统中安装的所有字体文件的路径列表。返回值类型是一个字符串数组。
const fonts = require('@nodert-win10/windows.globalization.fonts');
const fontFiles = fonts.getFontFiles();
console.log(fontFiles);4. getLocalizedFontNamesForFamily(fontFamily: string, languageTag?: string)
获取指定字体家族中的字体列表，并使用指定语言标记对字体名称进行本地化。参数 fontFamily 是字体家族名称，参数 languageTag 是语言标记，可选参数。返回值类型与 getFontsForFamily() 相同。
const fonts = require('@nodert-win10/windows.globalization.fonts');
const fontsOfFamily = fonts.getLocalizedFontNamesForFamily('微软雅黑', 'zh-Hans');
console.log(fontsOfFamily);示例
下面是一个使用 @nodert-win10/windows.globalization.fonts 模块获取系统字体信息并在 Electron 桌面应用程序中使用的示例代码。
首先，需要在 package.json 文件中添加以下依赖：
{
"dependencies": {
"@nodert-win10/windows.globalization.fonts": "^1.0.1"
}
}然后，在 Electron 主进程中使用以下代码：
-- -------------------- ---- -------
----- - ---- -------------- ------- - - --------------------
----- ----- - -----------------------------------------------------
--------------------------- ----- ------- ---- -- -
------ ------
---
-------- ------------ -- -
----- --- - --- ---------------
------ ----
------- ----
--------------- -
-- - ---------- ----------
-------- -------------------- -------------
-
---
---------------------------
-
----------------------- -- -
---------------
---
--------------------------- -- -- -
-- ----------------- --- --------- -
-----------
-
---
------------------ -- -- -
-- ------------------------------------- --- -- -
---------------
-
---在这里，我们暴露了 fonts 对象给渲染进程，并通过 ipcMain 模块将其传递给渲染进程。
接下来，在渲染进程的 preload.js 脚本中使用以下代码：
const { contextBridge, ipcRenderer } = require('electron')
contextBridge.exposeInMainWorld('windows', {
getFonts: async () => {
return ipcRenderer.invoke('get-fonts');
}
});在这里，我们使用 contextBridge 将 getFonts 函数暴露给渲染进程，这个函数通过 ipcRenderer.invoke() 调用主进程的 get-fonts 方法获取 fonts 对象。
现在，在渲染进程的 JavaScript 代码中，就可以像下面这样使用 windows.getFonts() 获取系统字体信息：
-- -------------------- ---- ------- ----- ---------- - --------------------------------------- ----- ------------ - ----- -------------------------------------------- ------------------------------- -- - ----- ------ - --------------------------------- ----------- - ----------- ----------------------- --- ------------------------------------- ----- ------- -- - ----- ---------- - ------------------- ----- ------------- - ----- -------------------------------------------------------- -- --- ---
在这里，我们用所有字体家族填充了下拉列表框（ID 为 font-select），当用户选择家族时，我们使用 getFontsForFamily() 方法获取该家族的字体信息，并做相应处理。可以看到，在 Electron 桌面应用程序开发中，使用 @nodert-win10/windows.globalization.fonts 模块非常方便。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bce967216659e244af1