Css Font Özellikleri

Font özellikleri font tiplerini,boyutlarını ve biçimlerini değiştirmemizi sağlayan CSS özelliğidir.


Temel olarak göreceğimiz 3 özellik :

• Font Family
• Font Style
• Font Size 

FONT AİLESİ (Font Family) 
Font ailesi temel olarak yazı tiplerinin tamamını değiştirmemiz konusunda bize yardımcı olur.
Arial,Verdana,Comic Sans,Tahoma gibi yazı ailelerini Bedava-Sitem sitelerinde kullanmaktayız.

Font ailesini nasıl değiştirdiğimize örnek olarak :

body{ font-family: Arial ; }

FONT STİLİ ( Font Style )
Temel olarak metnin normal veya italic olmasını sağlar.

Örnek:

body{ font-style: normal;} body{ font-style: italic; }

FONT BOYUTU ( Font Size )
Metin boyutunun büyüklüğünü kolayca değiştirmemizi sağlayan bir özelliktir.

Üç şekilde yazılır :

• px cinsenden
  
• em cinsinden
• % cinsinden

Örnek:

p { font-size: 40px; } p { font-size: 2.5em; } /* px değerini em değerine çevirmek için px değerini 16'ya böleriz.*/ body { font-size: %100; }