Belajar Menggunakan CSS untuk Tukar Sifat Atribut
Font dan CSS
CSS adalah cara yang paling berkesan untuk menyesuaikan fon pada halaman web anda. Anda boleh mengawal keluarga font , saiz, warna, berat, dan banyak aspek tipografi lain.
Ciri-ciri fon dalam CSS adalah salah satu cara yang paling biasa untuk menjadikan laman anda lebih tersendiri dan unik. Mudah untuk menukar warna, saiz, dan juga wajah (fon itu sendiri) teks anda dengan sifat font CSS .
- warna
- keluarga font
- Saiz huruf
Terdapat tiga bahagian pada fon:
- warna
- Inilah warna fon akan dipaparkan seperti pada skrin.
- saiz
- Ini adalah bagaimana besar atau kecil typeface akan dipaparkan pada skrin.
- muka
- Ini adalah keluarga font, yang sering disebut sebagai font sebenar.
Warna Fon
Untuk menukar warna teks, hanya gunakan gaya gaya CSS warna. Anda boleh menggunakan sama ada nama warna atau kod heksadesimal. Seperti semua warna di web, lebih baik menggunakan warna selamat penyemak imbas .
Cuba gaya berikut di halaman web anda:
font ini berwarna merah
fon ini berwarna biru
Saiz Fon
Apabila anda menetapkan saiz fon di web, anda boleh menetapkannya dalam saiz relatif atau sangat spesifik menggunakan piksel, sentimeter atau inci. Walau bagaimanapun, saiz font yang lebih tepat digunakan untuk digunakan untuk mencetak dan bukan untuk laman web, di mana setiap orang yang melihat laman web anda mungkin mempunyai resolusi yang berbeza, saiz monitor, atau tetapan font lalai. Oleh itu, jika anda memilih 15px sebagai saiz piawai anda, anda mungkin terkejut melihat bagaimana fon besar atau kecil anda memberi kepada pelanggan anda.
Saya cadangkan anda menggunakan em untuk saiz fon . Ems membenarkan halaman anda tetap dapat diakses tidak kira siapa yang melihatnya, dan em yang dimaksudkan untuk membuat rendering skrin. Tinggalkan piksel dan titik untuk rendering cetak. Untuk menukar saiz fon anda, masukkan gaya berikut di halaman web anda:
fon ini ialah 1em
font ini ialah .75em
fon ini ialah 1.25em
Faces fon
Wajah fon anda adalah apa yang difikirkan oleh ramai orang apabila mereka berfikir "fon." Anda boleh mengisytiharkan mana-mana muka fon yang anda mahu, tetapi ingat, jika pembaca anda tidak mempunyai font yang dipasang penyemak imbas mereka akan cuba mencari padanan untuk itu, dan halaman mereka tidak akan kelihatan seperti yang anda inginkan.
Untuk menangani masalah ini, anda boleh menentukan senarai nama wajah, dipisahkan oleh koma, untuk penyemak imbas untuk digunakan mengikut urutan pilihan. Ini disebut tumpukan fon. Perlu diingat bahawa font piawai pada PC (seperti Arial) mungkin tidak standard pada Macintosh. Oleh itu, anda harus sentiasa melihat halaman anda dengan mesin yang dipasang dengan minimally (dan sebaik-baiknya di kedua-dua platform) untuk memastikan halaman anda kelihatan seperti yang direka walaupun dengan font yang minimum.
Salah satu susunan font kegemaran saya ialah Set ini adalah koleksi font sans-serif dan sementara geneva dan arial tidak kelihatan sangat serupa, mereka sama-sama agak standard pada komputer Macintosh dan Windows . Saya termasuk helvetica dan helv untuk pelanggan pada sistem operasi lain seperti Unix atau Linux yang mungkin tidak mempunyai perpustakaan font yang mantap.
font ini sans-serif
fon ini serif