使用JavaScript获取系统字体-js教程-PHP中文网

Getting System Fonts Using JavaScript

使用JavaScript获取系统字体的几种方法。下方提供包含演示的参考链接。

使用JavaScript获取系统字体

try {
    // 向页面添加swf并读取字体
    $('body').append('');
    $('#flashcontent').flash({
        "src": "resources/FontList.swf",
        "width": "1",
        "height": "1",
        "swliveconnect": "true",
        "id": "flashfontshelper",
        "name": "flashfontshelper"
    }, { update: false });

    // swf稳定需要超时。
    setTimeout(function() {
        console.log(window.fonts);
        return window.fonts;
    }, _this.settings.flashDelay);
} catch (ex) {
    _this.errors.push('未检测到字体。');
    return fonts;
}

登录后复制

示例代码另一种方法

try {
    // 向页面添加swf并读取字体
    $('body').append('').flash({
        "src": "resources/fonts.swf",
        "width": "1",
        "height": "1",
        "swliveconnect": "true",
        "id": "flashfontshelper",
        "name": "flashfontshelper"
    }, { update: false });

    // swf稳定需要超时。
    setTimeout(function() {
        var fonts = "",
            obj = document.getElementById("flashfontshelper");

        // 获取字体
        if (obj && typeof(obj.GetVariable) != "undefined") {
          fonts = obj.GetVariable("/:user_fonts").replace(/,/g,", ");
        }
        if (!fonts) {
          fonts = "未检测到Flash或Java字体";
          _this.errors.push('未检测到Flash或Java字体。');
        }
        console.log(fonts);
        return fonts;
    }, 100);
    return true;
} catch (ex) {
    fonts = this.errors.push('未检测到Flash或Java字体。');
}

登录后复制

错误：未捕获的TypeError：对象[object Object]的属性“fontList”不是函数关于JavaScript中系统字体的常见问题解答 (FAQs)

如何使用JavaScript列出用户浏览器可以显示的所有字体？

JavaScript没有内置方法来列出用户浏览器可以显示的所有字体。但是，您可以使用像“FontFaceSet”这样的JavaScript库来加载并检查字体是否可用。您还可以使用“document.fonts.check()”方法来检查特定字体是否可用。请记住，由于隐私问题，浏览器不允许脚本直接访问已安装字体的列表。

什么是网络安全字体，如何在CSS中使用它们？

网络安全字体是在各种计算机系统上都可能存在的字体，因此非常适合在网络上使用。这些字体包括Arial、Times New Roman和Courier New等。在CSS中，您可以通过在“font-family”属性中指定这些字体来使用它们。例如，“font-family: Arial, sans-serif;”。浏览器将使用用户系统上安装的列表中的第一个字体。

什么是本地字体访问API，如何使用它？

本地字体访问API是一个Web API，允许您访问用户本地安装的字体。但是，由于隐私问题，此API并未得到广泛支持，并且通常不建议使用。如果您仍然想使用它，可以通过调用“navigator.fonts.query()”方法来实现，该方法返回一个promise，该promise解析为代表用户已安装字体的FontMetadata对象的列表。

如何使用HTML和CSS指定网络安全字体？

在HTML和CSS中，您可以使用“font-family”属性指定网络安全字体。您应该按首选项顺序列出字体，用逗号分隔。浏览器将使用用户系统上安装的列表中的第一个字体。例如，“font-family: Arial, Helvetica, sans-serif;”。

如何使用JavaScript库检测用户已安装的字体？

有几个可用的JavaScript库可以检测用户已安装的字体，例如“FontFaceSet”和“FontDetector”。这些库通过加载字体然后检查它是否可用。但是，由于隐私问题，通常不建议使用此类库。

最常见的网络安全字体有哪些？

最常见的网络安全字体包括Arial、Times New Roman、Courier New、Georgia和Verdana。这些字体很可能安装在各种计算机系统上，因此非常适合在网络上使用。

如何使用JavaScript检查特定字体是否已安装？

您可以使用JavaScript中的“document.fonts.check()”方法检查特定字体是否已安装。此方法返回一个布尔值，指示字体是否可用。例如，“document.fonts.check(’16px Arial’)”如果安装了Arial，则返回true。

我可以使用JavaScript直接访问用户已安装的字体吗？

由于隐私问题，浏览器不允许脚本直接访问已安装字体的列表。但是，您可以使用方法如“document.fonts.check()”来检查特定字体是否可用。

如何在CSS中指定备用字体？

在CSS中，您可以通过在“font-family”属性中列出多个字体（用逗号分隔）来指定备用字体。浏览器将使用用户系统上安装的列表中的第一个字体。如果未安装任何列出的字体，浏览器将使用默认字体。

访问用户已安装的字体有哪些隐私问题？

访问用户已安装的字体可能是一个隐私问题，因为它可以用于指纹识别，这是一种允许网站根据用户的系统配置唯一识别和跟踪用户的技术。因此，浏览器不允许脚本直接访问已安装字体的列表。

以上是使用JavaScript获取系统字体的详细内容。更多信息请关注PHP中文网其他相关文章！

使用JavaScript获取系统字体