Kullanılabilir font özellikleri;

  1. font
  2. font-style
  3. font-variant
  4. font-weight
  5. font-size
  6. line-height
  7. font-family

1. font

Genel font ayarlarının topluca biçimlendirilebileceği özellik tipidir. Font özelliklerine tüm değerleri aynı anda aktarabilmemizi sağlar. Özellik görevini yerine getirebilmesi için alabileceği değerler;

  • font: italic;
  • font: italic small-caps;
  • font: italic small-caps bold;
  • font: italic small-caps bold 2em/3em;
  • font: italic small-caps bolder 15px/20px “trebuchet ms”, arial, tahoma, verdana;

2. font-style

Font stilinin ayarlanabileceği özelliktir. Fontun eğik olup olmadığı değeri verilir. Kullanılabilir değerler şunlardır;

  1. normal
  2. italic
  3. oblique

Özellik görevi için kullanım protipi;

  • font-style: oblique;
  • font-style: normal;

3. variant

Font varyantının ayarlanabileceği özelliktir. Fontun ne derece görüntüleneceği değeri verilir. Kullanılabilir değerler;

  1. normal
  2. small-caps

Özellik görevi için kullanım protipi;

  • font-variant: small-caps;
  • font-variant: normal;

4. font-weight

Font kalınlığının ayarlanabileceği özelliktir. Fontun ne derece görüntüleneceği değeri verilir. Kullanılabilir değerler;

  1. normal
  2. bold
  3. bolder
  4. lighter
  5. 100
  6. 200
  7. 300
  8. 400
  9. 500
  10. 600
  11. 700
  12. 800
  13. 900

Özellik görevi için kullanım protipi;

  • font-weight: bold;
  • font-weight: lighter;

5. font-size

Font boyutunun ayarlanabileceği özelliktir. Fontun ne derece görüntüleneceği değeri verilir. Kullanılabilir değerler;

  1. xx-small
  2. x-small
  3. small
  4. medium
  5. large
  6. x-large
  7. xx-large
  8. smaller
  9. larger
  10. length
  11. px
  12. em
  13. %

Özellik görevi için kullanım protipi;

  • font-size: x-small;
  • font-size: 120%;
  • font-size: 10px;

6. line-height

Font boyutunun yüksekliğini belirtir. Yükseklikten kasıt iki satır arasındaki fontun arasındaki boşluk miktarıdır. Kullanılabilir değerler;

  1. normal
  2. number
  3. length
  4. %

Özellik görevi için kullanım protipi;

  • line-height: 2em;
  • line-height: 50%;

7. font-family

Fontun çıktı olarak gönderileceği font stili belirtilir. Alternatif fontlar seçilebilir. (seçilmelidir) Örneğin belirtilmiş olunan font herhangi bir bilgisayarda, mobil tarayıcıda mevcut olmadığında, o fontun görevini görebilecek en iyi fontlar alternatif olarak belirtilir. Özellik görevi için kullanım protipi;

  • font-family: verdana,arial, tahoma, sans-serif;
  • font-family: georgia, times, serif;
  • font-family: “trebuchet ms”, arial, tahoma, verdana;