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

问题描述 投票:0回答:2

我是 ReactJS 新手。我试图在下拉列表中显示所有字体系列,这样,如果我选择其中一种字体系列,则文本(以 SVG 形式显示)字体系列将会更改。 我知道在.net中我们可以使用System.Drawing.FontFamily.Families来获取所有字体家族。就像明智的反应一样,有什么吗?或者还有其他方法可以做到这一点吗? 预先感谢...

css reactjs drop-down-menu font-family google-fonts
2个回答
0
投票

您想获取当前机器上所有可用的字体,对吧? 我认为没有办法做到这一点。

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

1。字体列表

2。 JavaScript 字体检测器

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

你明白了,对吧?现在我们只需要检查字体列表中可用的字体并将其显示在下拉列表中。


0
投票

如果您正在使用 React 构建 Web 应用程序,那么这是不可能的。就此而言,任何库或框架都是不可能的。浏览器没有公开任何 JS API 可以让您获取系统中安装的所有字体的列表(这可能是一个安全问题)。

但是,如果您使用 React 来使用 electro.js 或 node-webkit.js 构建桌面应用程序,那么您可以将系统 API 调用的绑定导出到 JavaScript 并获取此列表。但这是一个非常繁琐的过程。 (我想到这一点是因为您正在比较 .net APIWeb API。)

一般来说,正如 @Jared 所建议的,这就是大多数在线(网络应用程序)工具想要为用户提供字体选择下拉菜单时所做的事情。

© www.soinside.com 2019 - 2024. All rights reserved.