CSS'te font-style özelliği, metnin font stilini belirlemek için kullanılır. Genellikle italik, normal veya oblik (eğik) metin görünümleri uygulamak için kullanılır. Bu özellik, metin üzerinde vurgu yapmak, alıntıları veya teknik terimleri belirtmek için sıkça kullanılır.

font-style Değerleri

normal: Metin normal stil ile gösterilir. Bu varsayılan değerdir.

italic: Metin italik olarak gösterilir. İtalik stil, fontun italik versiyonunu kullanır.

oblique: Metin eğik olarak gösterilir. oblique ve italic arasındaki fark, kullanılan fonta ve tarayıcıya bağlıdır. Bazı durumlarda, oblique fontun eğimli bir versiyonunu kullanırken, italic daha stilize bir italik versiyonunu kullanır.

.normal-text {
  font-style: normal;
}

.italic-text {
  font-style: italic;
}

.oblique-text {
  font-style: oblique;
}

<p class="normal-text">Bu bir normal metindir.</p>
<p class="italic-text">Bu bir italik metindir.</p>
<p class="oblique-text">Bu bir oblik metindir.</p>

Tailwind CSS:

<p class="italic ...">The quick brown fox ...</p>
<p class="not-italic ...">The quick brown fox ...</p>