CSS Fonts

CSS Fonts

Memilih jenis font yang tepat memiliki pengaruh besar terhadap persepsi pengunjung terhadap kualitas website Anda.

Font Fallback (Font Family):

Selalu sediakan beberapa font cadangan dengan generic font family di akhir deklarasi, contoh:
font-family: 'Plus Jakarta Sans', Arial, sans-serif;

Satuan Ukuran Font:

Gunakan satuan rem (Root EM) agar ukuran font otomatis menyesuaikan jika pengguna mengubah ukuran font dasar di browser mereka demi aksesibilitas.

Penggunaan Font Modern Sans-Serif:

<!DOCTYPE html>
<html>
<head>
    <style>
        body { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; padding: 20px; }
        h2 { font-weight: 800; color: #0d2e5c; }
    </style>
</head>
<body>

    <h2>Jenis Font Sistem Modern</h2>
    <p>Font sistem ini dimuat secara instan tanpa perlu mengunduh file font dari server eksternal!</p>

</body>
</html>

Coba Sendiri (Try it Yourself) »

Google Fonts dapat diimpor via tag <link> di HTML atau @import di CSS.

Uji Pemahaman Singkat (Test Yourself):

Apakah fungsi generic font family seperti 'sans-serif' di akhir deklarasi font-family?

Selesaikan Topik Ini

Tandai modul selesai untuk mencatat progres akun Anda.

Font Fallback (Font Family):

Satuan Ukuran Font:

Selesaikan Topik Ini

CSS Tutorial