Mendapatkan fon sistem menggunakan JavaScript

Beberapa cara untuk mendapatkan fon sistem menggunakan JavaScript. Pautan rujukan yang mengandungi demo disediakan di bawah.

Dapatkan fon sistem menggunakan 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;
}

kod contoh kaedah lain

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

Ralat: TypeError Uncaught: Property "Fontlist" objek [Objek Objek] bukanlah fungsi FAQ mengenai fon sistem dalam JavaScript (FAQs)

Bagaimana menggunakan JavaScript untuk menyenaraikan semua fon yang boleh dipaparkan oleh pelayar pengguna?

JavaScript tidak mempunyai kaedah terbina dalam untuk menyenaraikan semua fon yang boleh dipaparkan oleh pelayar pengguna. Walau bagaimanapun, anda boleh menggunakan perpustakaan JavaScript seperti "fontfaceset" untuk memuatkan dan menyemak sama ada fon tersedia. Anda juga boleh menggunakan kaedah "document.fonts.check ()" untuk memeriksa sama ada fon tertentu tersedia. Ingat bahawa kerana isu privasi, pelayar tidak membenarkan skrip untuk mengakses senarai fon yang dipasang secara langsung.

Apakah fon keselamatan siber dan bagaimana anda menggunakannya dalam CSS?

Fon keselamatan rangkaian adalah fon yang mungkin wujud pada pelbagai sistem komputer, jadi mereka sangat sesuai untuk digunakan pada rangkaian. Fon ini termasuk Arial, Times New Roman, dan Courier Baru. Dalam CSS, anda boleh menggunakan fon ini dengan menyatakannya dalam harta keluarga font. Sebagai contoh, "Font-Family: Arial, Sans-Serif;". Penyemak imbas akan menggunakan font pertama dalam senarai yang dipasang pada sistem pengguna.

Apakah API Akses Font tempatan dan bagaimana menggunakannya?

API Akses Font Native adalah API web yang membolehkan anda mengakses fon yang dipasang secara tempatan oleh pengguna. Walau bagaimanapun, API ini tidak disokong secara meluas kerana kebimbangan privasi dan umumnya tidak disyorkan. Jika anda masih mahu menggunakannya, anda boleh melakukannya dengan memanggil kaedah "Navigator.Fonts.Query (), yang mengembalikan janji yang menyelesaikan senarai objek Fontmetadata yang mewakili fon yang dipasang pengguna.

Bagaimana untuk menentukan fon keselamatan rangkaian menggunakan HTML dan CSS?

Dalam HTML dan CSS, anda boleh menentukan fon keselamatan rangkaian menggunakan atribut "Font-Family". Anda harus menyenaraikan fon mengikut urutan keutamaan, dipisahkan oleh koma. Penyemak imbas akan menggunakan font pertama dalam senarai yang dipasang pada sistem pengguna. Sebagai contoh, "Font-Family: Arial, Helvetica, Sans-Serif;".

Bagaimana menggunakan perpustakaan JavaScript untuk mengesan fon yang dipasang oleh pengguna?

Terdapat beberapa perpustakaan JavaScript yang ada yang mengesan fon yang dipasang oleh pengguna, seperti "fontfaceset" dan "fontdetector". Perpustakaan ini adalah dengan memuatkan font dan kemudian memeriksa jika ia tersedia. Walau bagaimanapun, jenis perpustakaan ini biasanya tidak disyorkan kerana kebimbangan privasi.

Apakah fon keselamatan rangkaian yang paling biasa?

Fon keselamatan siber yang paling biasa termasuk Arial, Times New Roman, Courier New, Georgia, dan Verdana. Fon ini mungkin dipasang pada pelbagai sistem komputer, jadi mereka sesuai untuk digunakan pada rangkaian.

Bagaimana untuk memeriksa sama ada font tertentu dipasang menggunakan JavaScript?

anda boleh menggunakan kaedah "document.fonts.check ()" dalam JavaScript untuk memeriksa sama ada fon tertentu dipasang. Kaedah ini mengembalikan nilai boolean yang menunjukkan sama ada fon tersedia. Sebagai contoh, "document.fonts.check ('16px arial')" kembali benar jika Arial dipasang.

Bolehkah saya menggunakan JavaScript untuk mengakses fon yang dipasang secara langsung?

Oleh kerana isu privasi, pelayar tidak membenarkan skrip untuk mengakses senarai fon yang dipasang secara langsung. Walau bagaimanapun, anda boleh menggunakan kaedah seperti "document.fonts.check ()" untuk memeriksa sama ada fon tertentu tersedia.

Bagaimana untuk menentukan fon alternatif dalam CSS?

Dalam CSS, anda boleh menentukan fon alternatif dengan menyenaraikan pelbagai fon (dipisahkan oleh koma) dalam harta 'font-family'. Penyemak imbas akan menggunakan font pertama dalam senarai yang dipasang pada sistem pengguna. Jika tiada fon yang disenaraikan dipasang, penyemak imbas akan menggunakan fon lalai.

Apakah masalah privasi dengan mengakses fon yang dipasang oleh pengguna?

Mengakses fon yang telah dipasang pengguna boleh menjadi kebimbangan privasi kerana ia boleh digunakan untuk pengiktirafan cap jari, teknologi yang membolehkan laman web untuk mengenal pasti dan mengesan pengguna secara unik berdasarkan konfigurasi sistem pengguna. Oleh itu, penyemak imbas tidak membenarkan skrip untuk mengakses senarai fon yang dipasang secara langsung.

Atas ialah kandungan terperinci Mendapatkan fon sistem menggunakan JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!