在React JS中获取所有字体系列

Question

我是ReactJS的新手。我试图在下拉列表中显示所有字体系列，这样如果我选择其中一个字体系列，文本（显示在SVG中）字体系列将会改变。 我知道在.net中我们可以使用System.Drawing.FontFamily.Families来获取所有的字体家族。反应明智有什么意义吗？或者还有其他方法吗？ 提前谢谢......

Answer 1

你想获得当前机器上的所有可用字体，对吧？ 我认为没有办法做到这一点。

但是通过一些技巧，我们仍然可以在当前机器上列出几乎可用的字体：

<强> 1。字体列表

• Windows fonts
• Mac fonts
• Some common fonts

<强> 2。 JavaScript字体检测器

http://web.mit.edu/jmorzins/www/fonts.html

你明白了，对吗？现在我们只需要检查字体列表中可用的字体，并在下拉列表中显示它们。

Answer 2

如果您正在使用React构建Web应用程序，那么这是不可能的。就此而言，任何图书馆或框架都是不可能的。浏览器没有公开JS API，允许您获取系统中安装的所有字体的列表（这可能是安全问题）。

但是，如果您使用React使用electron.js或node-webkit.js构建桌面应用程序，那么您可以将用于系统API调用的绑定导出到JavaScript并获取此列表。但这是一个非常繁琐的过程。 （我之所以这么想是因为您要将 .net API 与 Web API 进行比较。）

总的来说，正如@Jared建议的那样，这就是大多数在线（网络应用程序）工具在为用户提供字体选择下拉列表时所做的事情。