我是 ReactJS 的新手。我正在尝试在下拉列表中显示所有字体系列，这样如果我选择其中一个字体系列，则文本（以 SVG 显示）字体系列将会改变。 我知道在 .net 中我们可以使用 System.Drawing.FontFamily.Families 来获取所有字体系列。像明智的反应有什么吗？或者还有其他方法可以做到这一点吗？ 提前谢谢...
【问题讨论】：
标签： css reactjs drop-down-menu font-family google-fonts
您想获取当前机器上所有可用的字体，对吗？ 我认为没有办法做到这一点。
但是通过一些技巧，我们仍然可以列出当前机器上几乎可用的字体：
1.字体列表
2。 JavaScript 字体检测器
http://web.mit.edu/jmorzins/www/fonts.html
你明白了吧？现在我们只需要检查我们的字体列表中有哪些字体可用并将它们显示在下拉列表中。
【讨论】：
如果您正在使用 React 构建 Web 应用程序，那么这是不可能的。就此而言，任何库或框架都是不可能的。浏览器没有公开的 JS API 允许您获取系统中安装的所有字体的列表（这可能是一个安全问题）。
但是，如果您使用 React 使用 electron.js 或 node-webkit.js 构建桌面应用程序，那么您可以将系统 API 调用的绑定导出到 JavaScript 并获取此列表。但这是一个非常繁琐的过程。 （我想到这一点是因为您将 .net API 与 Web API 进行比较。）
一般来说，正如@Jared 所建议的，这是大多数在线（Web 应用程序）工具想要为用户提供字体选择下拉菜单时所做的事情。
【讨论】：