Pada kesempatan kali ini saya bermaksud untuk share apa yang sudah saya pelajari mengenai beberapa properti CSS untuk mengatur Font.

Hal yang yang pertama kali harus jita pahami adalah untuk mengatur Font dalam sebuah Elemen HTML ataupun keseluruhan Elemen HTML dengan menggunakan properti font diperlukan minimum font-family dan font-size

Sebagai contoh untuk mengatur teks dari suatu elemen dengan style: normal,  medium, tebal dan font untuk Verdana atau jenis lain huruf sans-serif.,  maka penulisan CSS nya:
#parameter { font: normal medium bold Verdana, sans-serif; }
Jika kita hanya memerlukan style salah satu sifat font, maka kita dapat menggunakan properti font tertentu yang diperlukan. antara lain:
  • font-family
    Properti ini berfungsi untuk menentukan font family (kelompok font) yang hendak ditampilkan untuk text dalam elemen HTML tertentu
    Nilai dari Properti ini adalah family-name dan generic-family
    Kita dapat menetapkan nama family tertentu juga menambahkan family generik lainnya berdasarkan skala prioritas ( dengan pembatas tanda koma). Jadi jika pengguna tidak memiliki nama font tertentu ia akan menggunakan keluarga generik yang sama.
    Contoh penulisan :
    font-family: Verdana, sans-serif;
  • font-size
    Properti font-size berfungsi untuk  mengatur ukuran teks yang digunakan dalam suatu elemen HTML
    Contoh penulisan:
    font-size: nilai;
    Adapun nilai dari properti ini terdiri antara lain:
    • xx-small
    • x-small
    • small
    • medium
    • large
    • x-large
    • xx-large
    • smaller
    • larger
    • length
    • %
  • font-style
    Properti ini berfungsi untuk mengatur gaya/style dari font
    Contoh penulisan:
    font-style: nilai;
    Adapun Nilai-nilai properti ini  adalah:
    • normal
    • itailc
    • oblique
  • font-variant
    Properti ini berfungsi untuk mengatur apakah text ingin di tampilkan nilai properti variant yaitu normal  atau small caps atau tidak
    Contoh penulisan:
    font-variant: normal;
  • font-weight
    Properti ini berfungsi untuk mengatur  ukuran bobot dari font
    Adapun Nilai-nilai properti ini  adalah:
    • lighter
    • normal
    • 100
    • 200
    • 300
    • 400
    • 500
    • 600
    • 700
    • 800
    • 900
    • bold
    • bolder
Demikian postingan kali ini mengenai Property CSS untuk Mengatur Font / Text, semoga dapat bermanfaat.