Mengatur Font Menggunakan CSS

lebakcyber.net – Mengatur Font menggunakan CSS. Pada kesempatan kali ini kita akan mencoba untuk mengatur font dengan menggunakan CSS, misalnya seperti merubah ukuran font, mengganti warna font, merubah jenis font dan juga berbagai bentuk jenis font seperti tulisan tebal, tulisan miring dan juga tulisan dengan garis bawah.

Berikut ini adalah beberapa perintah atau syntax yang dapat digunakan di CSS untuk melakukan pengaturan font :

font-family : Perintah ini digunakan untuk mengatur atau merubah jenis font
font-size : Perintah ini digunakan untuk mengatur ukuran dari font
font-style : Perintah ini digunakan untuk merubah gaya font
color : Perintah ini digunakan untuk merubah warna pada font
font-weight : Perintah ini digunakan untuk mengatur ketebalan dari font

Untuk lebih jelasnya, silahkan perhatikan perintah css untuk mengatur font pada halaman HTML yang dibuat, silahkan buat kembali dua buah file yaitu style.css dan juga index.html lalu masukan perintah dibawah ini :

style.css

.jenis_font_satu{
    color: blue;
    font-family: sans-serif;
    font-style: normal;
}
 
.jenis_font_dua{
    color: red;	
    font-size: 13pt;
    font-style: italic;
}
 
.jenis_font_tiga{
    color: green;
    font-weight: bold;
    font-style: initial;	
}

index.html

<!DOCTYPE html>
<html>
<head>
    <title>Font CSS Lebak Cyber</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <h1>Contoh Pengaturan Font - Lebak Cyber</h1>
    <h1 class="jenis_font_satu">Contoh font dengan warna biru dengan jenis sans-serif dan style normal</h1>
    <h1 class="jenis_font_dua">Contoh font dengan warna merah dengan ukuran 13pt dan style italic</h1>
    <h1 class="jenis_font_tiga">Contoh font dengan warna hijau dengan ketebalan bold dan style initial</h1>
</body>
</html>

Nanti hasilnya akan seperti pada gambar dibawah ini :

Sekarang kita perhatikan perintah yang ada pada file style.css diatas, dimana untuk merubah warna dari suatu font dengan menggunakan css kita dapat memakai perintah color, dan untuk merubah jenis font yang digunakan kita dapat memakai perintah font-family, untuk merubah gaya font kita bisa dapat memakai perintah font-style dan perintah font-size dapat digunakan untuk mengubah ukuran dari font.

Semoga tutorial sederhana ini dapat bermanfaat bagi kalian yang sedang belajar CSS, jangan lupa untuk selalu berkunjung ke lebakcyber.net untuk mendapatkan tutorial mengenai CSS lainnya. Sampai jumpa di tutorial belajar CSS lainnya ya.

Lebak Cyber Tips dan Trik Komputer

Mengatur Font Menggunakan CSS