Wednesday , December 2 2020
Home » CSS » Mengatur Font Menggunakan CSS

Mengatur Font Menggunakan CSS

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 :

Advertisements

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

Advertisements
<!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 :

Mengatur Font Menggunakan CSS

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.

About Firdan Ardiansyah

Admin di lebakcyber.net Untuk berhubungan dengan saya, silahkan kirim email ke : firdan@lebakcyber.net

Check Also

merubah list dengan css

Merubah List Dengan CSS

Merubah List Dengan CSS lebakcyber.net – Merubah list dengan CSS. Setelah beberapa postingan sebelumnya yang …

Leave a Reply

Your email address will not be published. Required fields are marked *