font-style

Các utility để kiểm soát kiểu dáng của văn bản.

ClassStyles
italic
font-style: italic;
not-italic
font-style: normal;

Ví dụ

Làm nghiêng văn bản

Sử dụng utility italic để làm nghiêng văn bản:

The quick brown fox jumps over the lazy dog.

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

Hiển thị văn bản bình thường

Sử dụng utility not-italic để hiển thị văn bản bình thường:

The quick brown fox jumps over the lazy dog.

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

Thiết kế responsive

Prefix a font-style utility with a breakpoint variant like md: to only apply the utility at medium screen sizes and above:

<p class="italic md:not-italic ...">  Lorem ipsum dolor sit amet...</p>

Learn more about using variants in the variants documentation.

Copyright © 2025 Tailwind Labs Inc.·Chính sách thương hiệu