CSS TutorialLesson 16Preview gratis
CSS Fonts
Lesson ini bagian dari CSS · Semua level
Ringkasan
CSS mengatur tampilan huruf lewat properti font-family, font-size, font-weight, font-style, dan lainnya. Karena setiap pengunjung punya font terpasang yang berbeda, kita menuliskan daftar font cadangan (font stack) agar tampilan tetap konsisten. Ukuran font bisa dinyatakan px, em, rem, atau persen, dan font-weight mengatur ketebalan huruf.
Poin kunci
- font-family menerima daftar font cadangan dipisah koma dan diakhiri generic family seperti sans-serif.
- font-size mengatur ukuran huruf; px bersifat tetap, em dan rem mengikuti konteks maupun akar.
- font-weight menerima angka 100 sampai 900 atau kata normal dan bold.
- font-style: italic membuat teks miring dan font-variant: small-caps mengubahnya jadi kapital kecil.
- Aturan @font-face memungkinkan memakai font kustom dari berkas sendiri.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.