Halo semuanya, apa kabar semuanya? pasti baik ya. Pada kesempatan kali ini saya akan berbagi informasi kepada kalian tentang Mengenal Styling Font di CSS.
Property Font mempunyai banyak aneka ragam jenis style nya, nah disini kita akan membahas Mengenal Property Font di CSS sebagai berikut.
Property Font di CSS terbilang dibagi menjadi beberapa fungsi, yaitu:
* Mengganti jenis Font
* Mengatur Font Style
* Mengatur ukuran Font
* Mengatur ketebalan Font
* Dan mengatur style Font Variant.
Oke pada jenis-jenis diatas bisa langsung kita contohkan, sebagai berikut:
* Mengganti jenis Font
Di dalam CSS kita dapat mengganti atau mengubah jenis Font yang digunakan pada halaman HTML, yaitu kita dapat memakai property Font CSS : font-family. contoh,
* Mengenal Font Style
Untuk Font Style itu berbeda dengan property font-family seperti yang diatas. Yang dimaksud dengan Font Style itu mempunyai 3 value atau nilai dari property tersebut, yaitu:
~ normal = Membuat tulisan menjadi normal atau seperti biasanya
~ italic = Membuat tulisan menjadi miring
~ oblique = Membuat tulisan menjadi condong, yang dimaksud dengan condong itu berbeda dengan miring ya teman-teman.
Untuk contoh seperti dibawah,
* Mengatur ukuran Font
Cara mengatur ukuran font di CSS pada file HTML cukup mudah teman-teman yaitu memakai property CSS “font-size”.
Untuk contoh sebagai berikut,
* Mengatur ketebalan Font
Seperti biasa kita tahu jika kita ingin membuat Font itu menjadi tebal dengan memakai efek “bold”. Ya teman-teman di CSS juga memakai value “bold”. Langsung saja untuk contoh sebagai berikut,
* Dan mengatur style Font Variant
Untuk property yang satu ini mempunyai fungsi yang sama seperti text-transform yang memmpunyai kesamaan seperti: uppercase, lowercase, capitalize dan none. Dan jika di property font-variant itu hanya mempunyai 2 value yaitu: small-caps dan normal. Jadi jika kita memakai value small-caps yaitu menjadikan semua font menjadi huruf besar semua atau kapital.
Untuk contoh sebagai berikut,
Oke sekian untuk bahasan mengenai Mengenal Property Font di CSS.
Semoga bermanfaat, terima kasih