如何使用 javascript 迭代已安装的字体？

Question

如何使用 javascript 迭代已安装的字体？

原文由 Second Person Shooter 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

首先，您可能需要检查客户端上安装了哪些字体。阅读 https://www.lalit.org/wordpress/wp-content/uploads/2008/05/fontdetect.js?ver=0.3

您需要有自己的字体列表来检查，然后通过检查每个列表以查看安装了哪个字体，您就有了一系列已安装的字体。

宽度的差异将告诉您客户端计算机上安装的字体的可用性，因为浏览器将回退到其默认字体。因此，您可能需要对文本宽度进行一些不可见的测试，以确定是否安装了字体。

原文由 mauris 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

Javascript 在浏览器中被沙盒化，出于安全原因没有从客户端磁盘读取的权限。

然而，人们尝试了一些解决方法，例如 http://www.lalit.org/lab/javascript-css-font-detect 或 http://remysharp.com/2008/07/08/how-to-detect-if-a -font-is-installed-only-using-javascript/ 。

原文由 Kris van der Mast 发布，翻译遵循 CC BY-SA 2.5 许可协议