如何获取已安装字体的CSS font-family？

Question

我正在尝试设计一种字体选择工具，用户可以选择其中一种字体。

我正在使用此代码：

<label style="font-family: TimesRoman;">
  <input type="radio" name="font" value="TimesRoman"/> sample 1
</label>

以“Times Roman”字体显示“样本1”，可以使用单选按钮进行选择。

我安装了许多外部字体，就像“TimesRoman”一样，我想在样式属性中使用它们的名称，以便“sample 1”以其格式显示，但我不知道外部字体的字体系列。如何获取已安装字体的font-family？

Answer 1

您无法使用所有类型的字体。用户需要在他的机器中使用字体，或者必须使用第三方字体库，如Google web fonts。

对于可用的字体，您开始编写的脚本很好。

您还可以获取用户在其计算机by using javascript/CSS上安装的字体列表。您可以将其与列表进行比较，并仅显示实际安装的字体元素。