폰트 스타일
폰트 스타일 (Font Style)
텍스트를 이탤릭(italic)으로 만들거나 원래대로 되돌리는 유틸리티예요. 글자를 기울여 강조하고 싶을 때 사용해요.
출처: 문서
본문
클래스 & 스타일 (Class Styles)
italic
font-style: italic;
not-italic
font-style: normal;
텍스트 이탤릭 처리 (Italicizing text)
italic 유틸리티를 사용하면 텍스트를 이탤릭으로 만들 수 있어요.
The quick brown fox jumps over the lazy dog.
<p class="italic ...">The quick brown fox ...</p>
텍스트를 원래대로 표시 (Displaying text normally)
not-italic 유틸리티를 사용하면 텍스트를 원래대로(일반적으로) 표시할 수 있어요.
The quick brown fox jumps over the lazy dog.
<p class="not-italic ...">The quick brown fox ...</p>
반응형 디자인 (Responsive design)
font-style 유틸리티에 md: 같은 브레이크포인트 variant를 붙이면 중간(medium) 화면 크기 이상에서만 유틸리티를 적용할 수 있어요.
<p class="italic md:not-italic ...">
Lorem ipsum dolor sit amet...
</p>
variant 사용에 대해 더 자세히 알고 싶다면 variants 문서를 확인해 보세요.