css font-family nedir? nasıl kullanılır?

css font-family özelliği, Metnin yazı tipini belirlemek için kullanılır. Örneğin “Times Roman” yazı tipi ailesi….

Font ailesinin türleri family-name ve generic-name.
family-name : Yazı tipinin ailesi.
generic-name : Genel yazı tipi ailesi. Her yazı tipi genel bir yazı tipi ailesi içerisindedir.

generic-name ( genel tip ) aileler :
serif : Tırnaklı
sans-serif : Tırnaksız.
cursive : El yazısı.
fantasy : Fantazi
monospace : Tek aralıklı.

Aldığı parametreler:
family-name : Yazı tipi ailesinin adı yazılır..
inherit : Bir üstteki elementten miras alır.
initial : Varsayılan değere çevirir.

Örnek :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>   
        div { margin-bottom: 5px; } 
        .one  { font-family:Arial, Helvetica, sans-serif}
        .two  { font-family: 'Times New Roman', Times, serif; }
        .three{ font-family: 'Courier New', Courier, monospace; }
    </style>
<body>
    <div class="one">Tasarım ve Yazılım...</div>
    <div class="two">Tasarım ve Yazılım...</div>
    <div class="three">Tasarım ve Yazılım...</div> 
</body>
</html>

Html Çıktısı: