Walaupun imej mendapat banyak cinta apabila ia datang ke laman web, ia adalah perkataan bertulis yang merayu kepada enjin pencarian dan membawa kandungan kebanyakan laman web. Oleh itu, reka bentuk prafograf adalah bahagian penting dalam reka bentuk laman web. Dengan kepentingan teks tapak datang keperluan untuk memastikan ia kelihatan bagus dan mudah dibaca. Ini dilakukan dengan gaya CSS (Cascading Style Sheets).
Mengikut piawaian reka bentuk web moden, apabila anda mahu menentukan rupa kandungan teks laman web, anda akan melakukannya menggunakan CSS. Ini memisahkan gaya CSS dari struktur HTML halaman. Contohnya, jika anda ingin menetapkan font halaman ke "Arial", anda boleh melakukannya dengan menambah peraturan gaya berikut kepada CSS anda (nota - ini mungkin dilakukan dalam lembaran gaya CSS luaran yang menggerakkan gaya untuk setiap halaman di laman web):
badan {font-family: Arial; }Fon ini ditetapkan untuk "badan", jadi lata CSS akan menggunakan gaya untuk semua elemen lain halaman. Ini kerana setiap elemen HTML yang lain adalah kanak-kanak unsur "badan", gaya CSS seperti keluarga font atau warna akan diselaraskan dari ibu bapa kepada elemen kanak-kanak. Ini akan berlaku sekiranya gaya yang lebih spesifik ditambah untuk unsur-unsur tertentu. Satu-satunya masalah dengan CSS ini ialah hanya satu font yang ditetapkan. Jika font itu tidak dapat dijumpai atas sebab tertentu, penyemak imbas akan menggantikan yang lain di tempatnya. Ini tidak baik kerana anda tidak mempunyai kawalan ke atas font yang digunakan - pelayar akan memilih untuk anda, dan anda mungkin tidak suka apa yang diputuskan untuk digunakan! Di sinilah tumpukan fon masuk.
Tumpuan fon adalah senarai fon dalam deklarasi keluarga font CSS. Fon disenaraikan mengikut susunan pilihan yang anda ingin mereka tampil di laman web ini sekiranya masalah seperti font tidak dimuatkan. Stack font membolehkan pereka untuk mengawal rupa fon di laman web walaupun komputer tidak mempunyai font awal yang anda panggil.
Jadi bagaimanakah rupa tumpukan font? Berikut adalah contohnya:
badan {font-family: Georgia, "Times New Roman", serif; }Terdapat beberapa perkara yang perlu diperhatikan di sini.
Pertama, anda akan melihat bahawa kami memisahkan nama fon berbeza dengan koma. antara setiap satu Anda boleh menambah fon sebanyak yang anda suka, selagi ia dipisahkan oleh koma. Pelayar akan cuba memuatkan font pertama yang dinyatakan terlebih dahulu. Jika itu gagal, ia akan berjalan ke bawah garisan yang mencuba setiap fon sehingga ia dapat menemukan satu yang boleh digunakan. Dalam contoh ini, kami menggunakan fon selamat web, dan "Georgia" kemungkinan akan ditemui pada komputer orang yang melawat laman web ini (nota - pelayar melihat pada komputer anda untuk fon yang ditetapkan pada halaman, jadi laman web ini sebenarnya menceritakan komputer yang fon dimuat dari sistem anda). Jika atas sebab tertentu fon tidak dijumpai, ia akan bergerak ke bawah timbunan dan cuba font seterusnya yang dinyatakan.
Dari segi font seterusnya, perhatikan bagaimana ia ditulis dalam timbunan. Nama "Times New Roman", dibungkus dalam petikan berganda. Ini kerana nama font mempunyai banyak perkataan. Mana-mana nama fon dengan lebih daripada satu perkataan (Trebuchet MS, Courier New, dan lain-lain) mesti mempunyai nama dalam petikan berganda supaya pelayar tahu bahawa semua perkataan itu adalah sebahagian daripada satu nama font.
Akhir sekali, kami menamatkan stack font dengan "serif", yang merupakan klasifikasi fon generik. Sekiranya tidak terdapat fon yang telah anda namakan di dalam timbunan anda, peramban sebaliknya akan mencari fon yang sekurang-kurangnya jatuh ke dalam klasifikasi yang tepat yang telah anda pilih. Sebagai contoh, jika anda menggunakan fon sans-serif seperti Arial dan Verdana, daripada menamatkan stack font dengan klasifikasi "sans-serif" sekurang-kurangnya akan menyimpan font dalam keluarga keseluruhan itu jika terdapat masalah beban. Diakui, sangat jarang berlaku bahawa penyemak imbas tidak dapat mencari mana-mana fon yang disenaraikan dalam timbunan dan sebaliknya harus menggunakan klasifikasi generik ini, amalan terbaik untuk memasukkannya sekalipun menjadi dua kali ganda selamat.
Stack Font dan Font Web
Banyak laman web hari ini menggunakan fon web yang sama ada di laman web ini bersama dengan sumber lain (seperti imej tapak, fail Javascript, dll.) Atau dipautkan ke lokasi font luar tapak seperti Font Google atau Typekit. Walaupun fon ini perlu memuatkan kerana anda menghubungkan ke fail itu sendiri, anda masih mahu menggunakan timbunan font untuk memastikan anda mempunyai kawalan ke atas sebarang isu yang mungkin timbul. Perkara yang sama berlaku untuk fon web "selamat" yang sepatutnya di komputer seseorang (perhatikan bahawa fon yang telah kita gunakan sebagai contoh dalam artikel ini, termasuk Arial, Verdana, Georgia, dan Times New Roman, adalah semua fon selamat web yang sepatutnya pada komputer seseorang). Walaupun kemungkinan fon yang hilang sangat rendah, menentukan tumpukan fon akan membantu reka bentuk tipografi laman web sebanyak mungkin.
Artikel asal oleh Jennifer Krynin. Disunting oleh Jeremy Girard pada 8/9/17