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;
}

エラー：Uncaught TypeError：オブジェクト[オブジェクトオブジェクト]のプロパティ「フォントリスト」は、JavaScript（FAQ）のシステムフォントに関する機能FAQではありません。

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

JavaScriptを使用して、ユーザーのブラウザが表示できるすべてのフォントをリストする方法は？

JavaScriptには、ユーザーのブラウザが表示できるすべてのフォントをリストするための組み込みメソッドがありません。ただし、「Fontfaceset」などのJavaScriptライブラリを使用して、フォントが使用可能かどうかをロードして確認できます。 「document.fonts.check（）」メソッドを使用して、特定のフォントが使用可能かどうかを確認することもできます。プライバシーの問題により、ブラウザではスクリプトがインストールされているフォントのリストに直接アクセスできるようにしないことを忘れないでください。

サイバーセキュリティフォントとは何ですか？また、CSSでどのように使用しますか？

ネットワークセキュリティフォントは、さまざまなコンピューターシステムに存在する可能性のあるフォントであるため、ネットワークでの使用に非常に適しています。これらのフォントには、Arial、Times New Roman、Courier Newが含まれます。 CSSでは、これらのフォントをフォントファミリープロパティで指定して使用できます。たとえば、「フォントファミリー：arial、sans-serif;」。ブラウザは、ユーザーシステムにインストールされているリストの最初のフォントを使用します。

ローカルフォントアクセスAPIとの使用方法は何ですか？

Native Font Access APIは、ユーザーがローカルにインストールしたフォントにアクセスできるWeb APIです。ただし、このAPIはプライバシーの懸念のために広くサポートされておらず、一般的に推奨されていません。それでも使用したい場合は、「navigator.fonts.query（）」メソッドを呼び出すことでそれを行うことができます。これは、ユーザーのインストールされているフォントを表すFontmetadataオブジェクトのリストに解決する約束を返します。

HTMLとCSSを使用してネットワークセキュリティフォントを指定する方法は？

HTMLおよびCSSでは、「Font-Family」属性を使用してネットワークセキュリティフォントを指定できます。コンマで区切られた、好みの順にフォントをリストする必要があります。ブラウザは、ユーザーシステムにインストールされているリストの最初のフォントを使用します。たとえば、「フォントファミリー：arial、helvetica、sans-serif;」。

JavaScriptライブラリを使用して、ユーザーがインストールしたフォントを検出する方法は？

「fontfaceset」や「fontdetector」など、ユーザーがインストールするフォントを検出する利用可能なJavaScriptライブラリがいくつかあります。これらのライブラリは、フォントをロードしてから使用可能かどうかを確認します。ただし、このタイプのライブラリは、プライバシーの懸念のために通常推奨されません。

最も一般的なネットワークセキュリティフォントは何ですか？

最も一般的なサイバーセキュリティフォントには、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では、「フォントファミリー」プロパティに複数のフォント（コンマで区切られている）をリストすることで、代替フォントを指定できます。ブラウザは、ユーザーシステムにインストールされているリストの最初のフォントを使用します。リストされているフォントがインストールされていない場合、ブラウザはデフォルトのフォントを使用します。

ユーザーがインストールしたフォントにアクセスすることのプライバシーの問題は何ですか？

ユーザーがインストールしたフォントにアクセスすることは、ユーザーのシステム構成に基づいてユーザーをユニークに識別および追跡できるテクノロジーである指紋認識に使用できるため、プライバシーの懸念事項になります。したがって、ブラウザでは、スクリプトがインストールされているフォントのリストに直接アクセスすることはできません。

以上がJavaScriptを使用してシステムフォントを取得しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。