menandai:

< tubuh >
< div kelas = 'isi' >
< h1 > Selamat datang di Petunjuk Linux. < / h1 >
< P > Situs web portal populer Linux Hint menyediakan informasi bagus tentang topik ilmu komputer. < / P >
< / div >
< / tubuh >

Langkah 2: Terapkan CSS
Pertama, atur “ ukuran huruf ' ke ' 16 piksel ” dan “tinggi garis” menjadi “ 1.5 ”. Selanjutnya atur juga fontnya

Dan

tag:

tubuh {
keluarga font: sans-serif;
huruf- ukuran : 18 piksel;
garis- tinggi : 1.5 ;
}

h1 {
teks- meluruskan : tengah;
huruf- ukuran : 26 piksel;
}

P {
huruf- ukuran : 18 piksel;
}

Keluaran
Berikut ini keluaran kode yang cocok untuk semua ukuran layar:

---

---

Langkah 3: Terapkan Kueri Media

• Pertama, sebutkan '@menyebutkan' tag dan tentukan ukuran layar “ 768 piksel ” ke “ lebar maksimal ' Properti. Ukuran layar ini akan berlaku untuk semua layar yang memiliki ukuran sama dengan atau kurang dari “ 768 piksel ”.
• Setelah itu tentukan ukuran fontnya ,

  , Dan

  tag:

@ media ( maksimal- lebar : 768 piksel ) {
tubuh {
huruf- ukuran : 16 piksel;
garis- tinggi : 1.5 ;
}

h1 {
huruf- ukuran : 22 piksel;
}

P {
huruf- ukuran : 14
}
}

Di bawah ini adalah keluaran setelah menerapkan kueri media. Kueri media dirancang untuk perangkat yang memiliki ukuran layar sama dengan atau kurang dari “ 768 piksel ”:

Kesimpulan

Untuk meningkatkan keterbacaan dengan ukuran font, pertama-tama, kembangkan rasa keterbacaan dan ukuran font. Selain itu, pahami berbagai ukuran font dan tag font. Pilih ukuran font yang sesuai dan kemudian pilih tinggi garis yang sesuai. Biasanya, tinggi garis adalah 1,2 kali ukuran font. Selain itu, pilih jenis font yang sesuai untuk konten web. Artikel ini telah menunjukkan cara praktis untuk meningkatkan keterbacaan dengan ukuran font.