CSS : Mengatur font dengan CSS

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

Berikut adalah contoh penggunaan Font pada CSS

index.html

<!DOCTYPE html>
<html>
<head>
    <title>Belajar Font CSS</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <h1 class="kata1">Belajar mengatur font pada CSS</h1>
    <h1 class="kata2">Belajar Belajar mengatur font pada CSS</h1>
    <h1 class="kata3">Belajar Belajar mengatur font pada CSS</h1>
</body>
</html>

style.css

.kata1{
    color: green;
    font-family: raleway;
    font-family: normal
}
.kata2{
    color: purple;
    font-size: 35pt;
    font-style: italic;
    font-family: calibri;
}
.kata3{
    color: blue;
    font-weight: bold;
    font-style: oblique;
}


hasil run di browser

KESIMPULAN :
Sebenarnya pengaturan font melalui CSS maupun melaluui HTML hampir sama , tetapi jika kita mengatur font melalui CSS script pada index terlihat lebih singkat dan di dalam CSS atribute dalam pengaturan font lebih banyak dari pada di HTML.

REFERENSI : www.malasngoding.com