Skodev
Belajar coding dalam bahasa Indonesia
DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Mengubah font dalam pengembangan web merupakan hal yang cukup umum dilakukan. Dalam CSS, kamu dapat dengan mudah mengganti tipe font yang digunakan pada sebuah website. Berikut ini beberapa cara yang bisa kamu lakukan untuk mengubah font di CSS.
Setiap elemen teks dalam HTML dapat diberikan tampilan font yang berbeda menggunakan properti font-family dalam CSS. Berikut adalah cara penggunaannya:
p {
font-family: "Times New Roman", Times, serif;
}Pada kode di atas, font utama yang akan digunakan adalah “Times New Roman”. Jika font tersebut tidak tersedia, maka akan diganti dengan font “Times”, dan selanjutnya dengan font jenis “serif”.
Dalam memilih jenis font, ada beberapa kategori font yang bisa kamu gunakan, seperti serif, sans-serif, monospace, cursive, fantasy, dan system-ui. Kamu cukup menuliskan salah satu jenis font tersebut dalam properti font-family.
Jika kamu ingin menggunakan jenis font yang tidak tersedia secara standar, kamu dapat menggunakan font eksternal. Salah satu cara untuk melakukannya adalah dengan menggunakan layanan Google Fonts. Berikut adalah caranya:
<head> dari file HTML kamu.font-family.Contoh penggunaan Google Fonts:
<head>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
</head>body {
font-family: 'Roboto', sans-serif;
}Dengan demikian, kamu telah berhasil mengganti font di CSS. Dengan berbagai pilihan font yang tersedia, kamu dapat membuat tampilan website yang unik dan menarik. Selamat mencoba!
Link terkait: