Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

FONT SIZE PADA CSS

Ukuran font bisa diatur dengan menggunakan properti font size pada CSS

Font-size adalah properti CSS yang digunakan untuk mengatur ukuran font di sebuah situs.

Gunakan variasi ukuran font untuk memperlihatkan hirarki yang lebih jelas pada website kamu, seperti judul, isi konten atau yang lainnya.

Satuan atau unit yang bisa digunakan

Ada banyak satuan yang bisa dipakai untuk memberi nilai font-size. Ukuran absolut biasanya menggunakan px. Sementara yang lain untuk mengatur ukuran font ketika ingin relatif terhadap pembungkus atau size viewport kita.

  • px: satuan default. Standar ukuran font adalah 16px.
  • persen %: Presentase dari ukuran font pembungkusnya.
  • em: relatif terhadap pembungkusnya 1em = ukuran default (16 px jika tidak diatur)
  • rem: relatif terhadap root element (HTML)
  • vw: viewport width, ukuran window browser. 1vw = 1% lebar viewport.
  • vh: mirip dengan vw, tapi terhadap tinggi - viewport height.

Contoh menggunakan Font Size

<style>
.p1 {
  font-size: 16px;
}

.p2 {
  font-size: 24px;
}

.p3 {
  font-size: 2rem;
}

</style>

Text 16px

Text 24px

Text 2rem

👈🏼 Font Family dari Google
Font Style pada CSS 👉🏼