Belajar CSS Part 5 : Mengatur Font dengan CSS

Belajar CSS Mengatur Font dengan CSS
Pada tutorial belajar css mengatur font dengan css ini akan di jelaskan tentang cara melakukan pengaturan font dengan css. misalnya seperti merubah font, mengatur ukuran font, warna font serta jenis bentuk font(garis miring, huruf tebal, tulisan miring).
Beberapa syntax css yang digunakan untuk mengatur font:
- font-size digunakan untuk mengatur ukuran font
- font-weight di gunakan untuk mengatur ketebalan font
- font-family untuk mengubah jenis font
- font-style digunakan untuk merubah gaya pada font.
- font-color digunakan untuk merubah warna font.
berikut ini adalah contoh cara mengatur font dengan css.
index.html
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html> <html> <head> <title>Font CSS</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1 class="tulisan_satu">Belajar CSS Dasar di www.malasngoding.com</h1> <h1 class="tulisan_dua">Belajar CSS Dasar di www.malasngoding.com</h1> <h1 class="tulisan_tiga">Belajar CSS Dasar di www.malasngoding.com</h1> </body> </html> |
style.css
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
.tulisan_satu{ font-color: red; font-family: sans-serif; font-style: normal; } .tulisan_dua{ font-color: green; font-size: 24pt; font-style: italic; } .tulisan_tiga{ font-color: red; font-weight: bold; font-style: oblique; } |

tutorial css mengatur font dengan css
dapat di lihat pada contoh mengatur font dengan css di atas. untuk merubah warna font bisa menggunakan perintah ‘color’, font-family digunakan untuk merubah jenis font, font-style digunakan untuk mengatur gaya font, italic,normal dan lainnta. font-size digunakan untuk mengatur ukuran dari font. dan font-weight digunakan untuk menentukan lebar dari pada font. sekian tutorial belajar css mengatur font dengan css.
Tutorial Menarik Lainnya

Membuat Bentuk Segitiga Dengan CSS


Membuat Lingkaran Dengan CSS


Membuat Template Web Responsive Dengan HTML dan CSS

