Webmaster - Font di halaman web

Apabila anda menggunakan font di laman web, ia hanya akan dipaparkan jika pengguna mempunyai font yang sama dipasang pada komputer mereka.

Anda tidak mempunyai cara untuk memaksa pengguna untuk memuat turun dan memasang font tertentu.
Anda tidak boleh memastikan fon dipasang pada komputer pengguna.
Anda tidak boleh memastikan bagaimana halaman anda akan dipaparkan dalam penyemak imbas.

Menggunakan fon alternatif

Sebagai contoh, jika anda mahu halaman anda memaparkan font "Trebuchet MS". Kemudian nyatakan:

 font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

Dengan meletakkan "Trebuchet MS" terlebih dahulu, anda menentukan bahawa halaman tersebut akan dipaparkan menggunakan font ini.

Sekiranya pengguna telah memasang font, maka halaman tersebut akan dipaparkan dengan Trebuchet MS.
Jika pengguna tidak mempunyai font ini, penyemak imbas akan cuba berturut-turut dengan setiap yang berikut (Verdana, Arial ...).

Cukup tentukan fon yang secara grafik / dekat dengan fon yang anda mahu gunakan.

Jenis lalai

Terdapat 3 jenis fon lalai yang diakui oleh semua penyemak imbas:

serif:
sans-serif
monospace

Apabila anda menentukan font yang akan digunakan, amalan yang baik untuk sentiasa menentukan salah satu daripada tiga fon generik ini sebagai pilihan terakhir.

Biasanya, seperti dalam contoh di atas:

 font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

Sans-serif adalah fon yang paling dekat dengan "Trebuchet MS" dan dalam kes yang paling teruk anda akan mempunyai laman web yang kelihatan sedikit berbeza dari konsep asal anda.

Kemunculan fon lalai

Setiap sistem operasi dan pelayar menafsirkan fon lalai secara berbeza

serif: Ia "Times New Roman" di bawah Windows, dan "Times" pada Macintosh (yang berbeza dari Windows).
sans-serif: Ini adalah "Arial" dalam Windows, dan "Helvetica" pada Macintosh.
monospace: "Courier New" di Windows, "Courrier" pada Macintosh, dan sering "VeraSans" atau "DejaVuSans" Linux.

Di sini penampilan fon di bawah Windows (di Internet Explorer):