CSS  font-style Özellikleri ve Kullanımı

Fontun italik mi, kalın mı, yoksa normal mi yazılacağının belirtilmesinde kullanılır.

Aldığı Değerler:

font-style: normal;

font-style: italic;

font-style: oblique;

Aldığı değerler açıklaması:

normal: Yazı tipi ailesinin normal sürümünü seçer.

italic: font-face özelliğinde eğik style bulunuyorsa onu kullanarak yazıyı eğik yazdırır.

oblique: font özelliğind italik (eğik) style yoksa bu değer yazıyı eğik görünmeye zorlar, yani yapay bir eğim verir.

Font Variant özelliği Nedir? Nasıl Kullanılır?

Özelliği alan metin kısmının tamamının büyük harf ile yazılmasını sağlar. Bu özellik genelde metni tanımlayan başlıklarda kullanılmaktadır.

Kullanımı:

.metin { font-variant:small-caps; }

.metin { font-variant: small-caps; }

.metin { font-variant: common-ligatures small-caps; }

/* Global değerler */

.metin { font-variant: inherit; }

.metin { font-variant: initial; }

.metin { font-variant: unset; }

Font Özelliği Nedir? Nasıl Kullanılır?

bu özellik en kullanışlı özelliktir ve genelde css de kullanılan özellik tipidir. Font özelliği sayesinde; font-style, font-variant, font-size ve font-family özelliklerini ayrı ayrı yazmak yerine tek özellik altında yazmış oluyoruz ve fazla koddan da kurtulmuş oluyoruz.

Sözdizimi şu şekilde:

Font : font-weight | font-style | font-variant | font-size | font-family

Örnek kullanımı:

<h2 style=”font : bold oblique small-caps 16px/100% Ariali Helvetica, sans-serif”> Burası Font Özelliğinin Uygulandığı Metin </h2>

Not: Bu özelliği en doğru şekilde kullanmak için yukarıdaki söz dizimi kuralına uymanız gerekiyor. Aksi halde browserlarda farklılık gösterebilir ve çalışmayabilir.

Sonraki Dersimizde font özelliklerini işlemeye devam edeceğiz. İyi çalışmalar.

---