Skip to main content

Memahami Properti Font-Smooth

Google I/O Keynote (Google I/O '17) (April 2025)

Google I/O Keynote (Google I/O '17) (April 2025)
Anonim

Dengan tutorial ini, tingkatkan pemahaman Anda tentang properti CSS dengan font-smooth. Dapatkan fakta tentang apa arti properti ini dan mengapa perancang web harus mempertimbangkan untuk menggunakannya.

A Deskripsi Halus-Font

Mengapa desainer terkadang ingin menggunakan properti font-smooth? Terutama, ia menyediakan desainer dengan kontrol atas aplikasi anti-aliasing ketika diberikan.

Font-Smooth dalam Versi CSS

Gunakan font-smooth di CSS 3 dan pahami sintaks font-halus dengan contoh di bawah ini:

font-smooth: auto | tidak pernah | selalu | | panjang | awal | mewarisiotomatis - kelancaran teks sesuai dengan standar sistemtidak pernah - tidak pernah memuluskan fontselalu - selalu memuluskan fontdan panjang - Jika nilai ukuran font sama atau lebih besar dari ukuran ukuran ini, maka haluskan font saat merendernya.

Desainer web juga harus mengetahui hal berikut saat menggunakan properti font-smooth.

  • Nilai Awal: otomatis
  • Font-Smooth Berlaku untuk: Semua elemen dan konten yang dihasilkan.
  • Font-Smooth Inheritance: Properti ini diwarisi.
  • Dukungan Browser Halus-Font: Tidak Ada

Contoh Font-Smooth

Font dalam paragraf ini harus selalu diperhalus, tidak peduli seberapa kecil atau besar huruf yang ditulis.

Perhatian Tentang Properti Font-Smooth

Tidak semua orang memiliki browser yang mendukung kelancaran font. Cari tahu apakah browser Anda mendukung properti ini. Juga, berhati-hatilah bagaimana Anda menggunakan gaya ini, karena dapat mengurangi pembacaan teks Anda secara drastis. Anda harus melakukan penelitian untuk memastikan ini tidak akan mempengaruhi Anda dengan cara ini. Untuk informasi lebih lanjut tentang properti halus font, konsultasikan hal-hal berikut:

Contoh halus font

Font-stretch

Font-effect

Font-family

Ukuran huruf

Font

Gaya tulisan

Font-varian

Font-berat

Mengubah Atribut Font