Belajar Html: Belajar Jenis-Jenis Dan Ukuran Font
Dalam membuat sebuah dokumen teks kita dapat menentukan jenis font yang akan digunakan. Di dalam CSS font dapat kita tentukan dengan menggunakan properti font. Dimana kita dapat mengatur tipe font, ukuran, ketebalan dan gaya. Berikut merupakan properti font yang ada di dalam CSS:
- font: shorthand dari properti font yang tersedia.
- font-size: menetukan ukuran font.
- font-weight: menetukan ketebalan font.
- font-family: menetukan jenis dan tipe font.
- font-style: menetukan style dalam font.
- font-variant: menetukan teks menggunakan small caps.
1.font family
font-family merupakan font property yang digunakan untuk mengubah standar font yang akan ditampilkan pada suatu html. Ada banyak sekali tipe jenis font yang dapat kita gunakan dalam membangun sebuah website tentu sesuai dengan kebutuhan. Contoh penulisan-nya adalah sebagai berikut:
body {
font-family: sans-serif;
}
2.font size
font-size merupakan font properti yang digunakan untuk mengatur ukuran font yang akan kita gunakan. Contoh penulisan-nya adalah sebagai berikut:
p {
font-size: 20px;
}
3.font-weight
font-weight merupakan properti yang digunakan untuk mengatur sebuah ketebalan font yang akan kita gunakan. Nilai dalam properti ini dapat berupa numeric venue atau dengan menggunakan descriptive term (bold, normal, bolder, dan lighter). Contoh penulisan-nya adalah sebagai berikut:
p {
font-weight: bold;
}
4.font-style
font-style merupakan properti yang digunakan untuk mengatur style sebuah font. Maksudnya adalah kita dapat mengatur postur dari teks yang akan ditampilkan seperti normal atau italic.
p {
font-family: italic;
}
5.font-variant
font-variant merupakan properti yang digunakan untuk membuat teks menjadi kapital tetapi dituliskan secara kecil dan merapat.
p {
font-variant: small-caps;
}
Properti font pada CSS memang sangat berperan penting karena properti ini dapat mengatur teks yang kita tulis, Dengan properti ini kita sangat terbantu agar teks yang akan kita tampilkan sesuai apa yang kita inginkan dan sesuai kebutuhan. Dalam penerapanya properti font salah satu properti yang sering di gunakan dalam pembuatan suatu halaman website.
Ini Adalah Materi Dasar Dalam Bahasa Markup Html Yaitu Belajar Jenis-Jenis Dan Ukuran Font. Tentu, Sangat Mudah Di Pelajari Untuk Pemula. Masih Banyak Yang Akan Kita Pelajari Mengenai Bahasa Markup Html ini.