Bagaimanakah Saya Boleh Menyenaraikan Fon Tersedia Penyemak Imbas Secara Program dalam JavaScript?

Senaraikan Font Tersedia untuk Pemilihan Pengguna dalam Penyemak Imbas

Masalah:

Dalam pembangunan web, seseorang mungkin menghadapi keperluan untuk menawarkan pengguna senarai juntai bawah fon yang boleh dipaparkan oleh penyemak imbas mereka. Bagaimanakah anda boleh mendapatkan senarai ini secara pemrograman dalam JavaScript, tanpa bergantung pada data berkod keras atau diambil pelayan?

Penyelesaian:

Mengesan Fon dengan JavaScript

Nasib baik, JavaScript menyediakan cara untuk mengesan fon yang tersedia pada sistem pengguna. Coretan berikut boleh dilaksanakan:

var detector = new Detector();

// Function to detect if a font is available
function detectFont(font) {
  return detector.detect(font);
}

// Get the list of detected fonts
var availableFonts = [];
for (var font in detector.detectFonts()) {
  if (detectFont(font)) {
    availableFonts.push(font);
  }
}

console.log(availableFonts);

Ini akan log tatasusunan semua fon yang boleh dipaparkan oleh penyemak imbas.

Penjelasan Kod

Kelas Pengesan menggunakan teknik yang dipanggil "cap jari fon" untuk membandingkan fon tertentu dengan set fon asas dan menentukan sama ada ia tersedia. Ini dicapai dengan mengukur lebar dan tinggi teks yang diberikan dalam fon dan membandingkannya dengan ukuran teks yang diberikan dalam fon asas. Jika ukuran berbeza, ia menunjukkan kehadiran fon tertentu.

Maklumat Tambahan

Kaedah pengesanan fon boleh dipertingkatkan lagi menggunakan pendekatan tambahan, seperti menyemak fail fon dalam sistem atau menggunakan Flash atau Kanvas untuk memaparkan teks. Walau bagaimanapun, kaedah ini tidak boleh dipercayai seperti pengesanan fon asli JavaScript.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyenaraikan Fon Tersedia Penyemak Imbas Secara Program dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!