PENGERTIAN
SleepingCodings - Nah, pada tutorial kali ini Author akan membahas tentang bagaimana cara melakukan pengaturan font dengan css. Contohnya seperti merubah font, mengatur ukuran font, warna font serta jenis bentuk font(garis miring, huruf tebal, tulisan miring).
Beberapa syntax css yang di gunakan untuk mengatur font :
1. font-size digunakan untuk mengatur ukuran font
2. font-weight digunakan untuk mengatur ketebalan font
3. font-family digunakan untuk mengubah jenis font
4. font-style digunakan untuk merubah gaya pada font
5. font-color digunakan untuk merubah warna font
Berikut ini Author akan memberikan contoh mengatur font dengan css :
index.html
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1 class="tulisan_satu">Belajar CSS Dasar</h1>
<h1 class="tulisan_dua">Belajar CSS Dasar</h1>
<h1 class="tulisan_tiga">Belajar CSS Dasar</h1>
</body>
</html>
style.css
.tulisan_satu{
font-color:red;
font-family:sans-serif;
font-style:normal;
color: red;
}
.tulisan_dua{
font-color:green;
font-size:24pt;
font-style:italic;
font-family:HACKED;
color: green;
}
.tulisan_tiga{
font-color:red;
font-weight:bold;
font-style:oblique;
color: blue;
}
Ini hasilnya ketika dijalankan di web browser :
 |
| Gambar 1.1 Mengatur Font pada CSS |
Nah, jadi dapat di simpulkan bahwa penggunaan atau cara mengatur font ada banyak variasi, kita dapat mengatur gaya font dengan font-style, font-color untuk mengatur warna font dll.
Semoga Bermanfaat ~.
Wassalamu'alaikum Wr.Wb
No comments:
Post a Comment