Obtenir des polices système à l'aide de JavaScript

Plusieurs façons d'obtenir des polices système à l'aide de JavaScript. Les liens de référence contenant la démo sont fournis ci-dessous.

Obtenez des polices système à l'aide de 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;
}

Exemple de code Une autre méthode

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字体。');
}

Erreur: non apparente TypeError: la propriété "Fontlist" de l'objet [objet objet] n'est pas une fonction FAQ sur les polices système dans JavaScript (FAQS)

Comment utiliser JavaScript pour répertorier toutes les polices que le navigateur d'un utilisateur peut afficher?

JavaScript n'a pas de méthode intégrée pour répertorier toutes les polices que le navigateur de l'utilisateur peut afficher. Cependant, vous pouvez utiliser des bibliothèques JavaScript comme "FontFaceSet" pour charger et vérifier si la police est disponible. Vous pouvez également utiliser la méthode "document.font.check ()" pour vérifier si une police spécifique est disponible. N'oubliez pas qu'en raison de problèmes de confidentialité, les navigateurs ne permettent pas aux scripts d'accéder directement à la liste des polices installées.

Que sont les polices de cybersécurité et comment les utilisez-vous dans CSS?

Les polices de sécurité du réseau sont des polices qui peuvent exister sur divers systèmes informatiques, ils sont donc très adaptés à une utilisation sur le réseau. Ces polices incluent Arial, Times New Roman et Courier New. Dans CSS, vous pouvez utiliser ces polices en les spécifiant dans la propriété Font-Family. Par exemple, "Font-Family: Arial, Sans-Serif;". Le navigateur utilisera la première police de la liste installée sur le système de l'utilisateur.

Quelle est l'API locale d'accès à la police et comment l'utiliser?

L'API d'accès à la police native est une API Web qui vous permet d'accéder aux polices installées localement par les utilisateurs. Cependant, cette API n'est pas largement soutenue en raison de problèmes de confidentialité et n'est généralement pas recommandée. Si vous souhaitez toujours l'utiliser, vous pouvez le faire en appelant la méthode "Navigator.font.Query ()", qui renvoie une promesse qui se résout à une liste d'objets Fontmetadata qui représentent les polices installées de l'utilisateur.

Comment spécifier les polices de sécurité du réseau à l'aide de HTML et CSS?

Dans HTML et CSS, vous pouvez spécifier les polices de sécurité du réseau à l'aide de l'attribut "Font-Family". Vous devez énumérer les polices dans l'ordre des préférences, séparées par des virgules. Le navigateur utilisera la première police de la liste installée sur le système de l'utilisateur. Par exemple, "Font-Family: Arial, Helvetica, Sans-Serif;".

Comment utiliser la bibliothèque JavaScript pour détecter les polices installées par les utilisateurs?

Il existe plusieurs bibliothèques JavaScript disponibles qui détectent les polices installées par l'utilisateur, telles que "FontFaceSet" et "FontDetector". Ces bibliothèques sont en charge de la police, puis en vérifiant si elle est disponible. Cependant, ce type de bibliothèque n'est généralement pas recommandé en raison de problèmes de confidentialité.

Quelles sont les polices de sécurité du réseau les plus courantes?

Les polices de cybersécurité les plus courantes incluent Arial, Times New Roman, Courier New, Georgia et Verdana. Ces polices sont susceptibles d'être installées sur divers systèmes informatiques, ils sont donc idéaux pour une utilisation sur le réseau.

Comment vérifier si une police spécifique est installée à l'aide de JavaScript?

Vous pouvez utiliser la méthode "document.font.check ()" dans JavaScript pour vérifier si une police spécifique est installée. Cette méthode renvoie une valeur booléenne indiquant si la police est disponible. Par exemple, "document.fonts.check (’ 16px arial ’)" ​​Renvoie True si Arial est installé.

Puis-je utiliser JavaScript pour accéder directement aux polices installées de l'utilisateur?

En raison de problèmes de confidentialité, les navigateurs ne permettent pas aux scripts d'accéder directement à la liste des polices installées. Cependant, vous pouvez utiliser des méthodes comme "document.font.check ()" pour vérifier si une police spécifique est disponible.

Comment spécifier des polices alternatives dans CSS?

Dans CSS, vous pouvez spécifier des polices alternatives en répertoriant plusieurs polices (séparées par des virgules) dans la propriété «Font-Family». Le navigateur utilisera la première police de la liste installée sur le système de l'utilisateur. Si aucune polices répertoriées n'est installée, le navigateur utilisera la police par défaut.

Quels sont les problèmes de confidentialité avec l'accès aux polices installées par l'utilisateur?

Accéder aux polices que l'utilisateur a installées peut être une préoccupation de confidentialité car elle peut être utilisée pour la reconnaissance des empreintes digitales, une technologie qui permet à un site Web d'identifier et de suivre de manière unique les utilisateurs en fonction de la configuration du système de l'utilisateur. Par conséquent, le navigateur ne permet pas aux scripts d'accéder directement à la liste des polices installées.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!