Yazı tipi stili - CSS Hileleri

Anonim

Bu font-styleözellik, metnin italik (yani eğimli veya eğimli) görünmesini sağlar.

em ( font-style: italic; )

: Bu özellik üç olası değerden birini kabul eder normal, italicve oblique.

Belirli bir font ailesinde gömülü italik veya eğik bir yüz varsa, tarayıcı bu yüzü seçecektir. Eğik veya eğik yüz mevcut değilse, tarayıcı eğimli efekti taklit edecektir. İtalik tanımlanmışsa ve italik bir yüz yoksa, tarayıcı italik olanı taklit etmeye çalışmadan önce eğik bir yüz arayacaktır. Aynısı eğik için de geçerlidir; o da ilk olarak italik bir yüze bakacaktır.

Tarayıcının, italik veya eğik yüzün taklit edilmiş veya sentezlenmiş bir sürümünü eklemesini önlemek için, font-synthesisözelliği kullanabilirsiniz (destekleniyorsa).

İtalik ve Eğik

Spesifikasyona göre, "İtalik formlar doğası gereği genellikle el yazısı, eğik yüzler ise normal yüzün tipik olarak eğimli versiyonlarıdır." Bununla birlikte, kullanılan yazı tipinin italik veya eğik yüzleri yoksa, çoğu durumda italik ve eğik arasında çok az fark vardır.

Aşağıdaki demo hem italik hem de eğik gösterir:

CodePen'de CSS-Tricks (@ css-tricks) tarafından CSS yazı tipi stiline sahip Kalem İtalik ve eğik karşılaştırmasına bakın.

Tarayıcı Desteği

Krom Safari Firefox Opera IE Android iOS
İşler İşler İşler İşler İşler İşler İşler