MENGATUR FONT DENGAN CSS
Pada tutorial Belajar CSS Mengatur Font Dengan CSS ini akan dijelaskan tentang cara pengaturan font pada CSS. Misalnya seperti merubah jenis font, merubah warna font, merubah style atau gaya font, membuat ketebalan font dan lain - lain.
Beberapa syntax CSS yang berfungsi untuk mengatur font
- font-size : Untuk mengatur ukuran font
- font-color : Untuk mengatur warna font
- font-family : Untuk mengatur jenis font
- font-style : Untuk mengatur gaya font
- font-weight : Untuk mengatur ketebalan font
index.html
<!DOCTYPE html>
<html>
<head>
<title>Belajar Font CSS</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1 class="tulisan_satu">Belajar CSS Dasar di Script_Kiddies</h1>
<h1 class="tulisan_dua">Belajar CSS Dasar di Script_Kiddies</h1>
<h1 class="tulisan_tiga">Belajar CSS Dasar di Script_Kiddies</h1>
</body>
</html>
style.css
.tulisan_satu{
color: green;
font-family: sans-serif;
font-family: normal
}
.tulisan_dua{
color: yellow;
font-size: 35pt;
font-style: italic;
}
.tulisan_tiga{
color: red;
font-weight: bold;
font-style: oblique;
} |
| Hasilnya seperti berikut |
Untuk menghemat waktu saya menggunakan "color" untuk merubah warna font, dan dapat kita lihat fungsi dari masing - masing syntax diatas, font-size untuk mengatur ukuran font, font-style adalah untuk mengatur gaya font dapat kita lihat perbedaan antara ablique dan italic, font-weight agar font terlihat lebih tebal dan font-family untuk merubah jenis font seperti yang saya jelaskan diatas
Referensi : Malas Ngoding
TUTORIAL CSS LAINYA
- Belajar CSS Part 1 : Pengertian dan Mengenal CSS
- Belajar CSS Part 2 : Cara Penulisan CSS
- Belajar CSS Part 3 : Mengubah Background Dengan CSS
- Belajar CSS Part 4 : Margin dan Padding CSS
- Belajar CSS Part 5 : Mengatur Font Dengan CSS
- Belajar CSS Part 6 : Mengatur Hyperlink Dengan CSS
- Belajar CSS Part 7 : Mengatur Format Text Dengan CSS
- Belajar CSS Part 8 : Mengenal Position CSS
- Belajar CSS Part 9 : Mengatur Border Dengan CSS
- Belajar CSS Part 10 : Mengatur List Dengan CSS
- Belajar CSS Part 11 : Mengatur Float Dengan CSS
EmoticonEmoticon