Halo sobat Artikel Multimedia, postingan kali ini masih membahas seputar font. Sebelumnya kita sudah membahas cara mengatur warna font dan cara mengatur jenis font, sekarang kita akan melanjutkan cara mengatur ukuran font di html. Berikut penjelasan selengkapnya.
Font di dalam html sebenarnya sudah memiliki ukuran default, namun sobat tetap bisa mengatur ukuran sesuai dengan kebutuhan website yang dirancang. Hal ini dikarenakan terdapat hal-hal yang nantinya akan berpengaruh pada desain tampilan website tersebut. Untuk properti css yang digunakan yaitu font-size, caranya seperti berikut:
1. Menggunakan cara inline
<p style="font-size: 18px">Ukuran font ini adalah 18px</p>
2. Menggunakan cara internal
<html lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Mengatur Ukuran Font</title>
</head>
p {
font-size: 24px
}
</style>
<p>Ukuran font ini adalah 24px</p>
</body>
3. Menggunakan cara eksternal
- kode di file html
<html lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Mengatur Ukuran Font</title>
</head>
<p>Ukuran font ini adalah 36px</p>
</body>
- kode di file css
font-size: 36px;
}
Berikut ini adalah gambaran perbandingan
ukuran font 18px, 24px, dan 36px jika dilihat dari halaman website.
Selain menggunakan satuan px (piksel) sobat juga bisa menggunakan satuan lainnya seperti em, rem, vw, dan lainnya. Adapun perbedaan antara satuan px dan satuan lainnya bisa sobat lihat melalui tabel di bawah ini.
Sekian pembahasan singkat cara mengatur ukuran font, jika sobat tertarik dengan artikel seputar multimedia silakan kunjungi postingan kami lainnya di blog ini. Terima kasih …
0 Komentar
Terima kasih telah mengunjungi website ini semoga bermanfaat untuk anda