[CSS] 글꼴 이탤릭체로 만드는 법

업무에서 이탤릭체로 'Coming soon!'이라는 문장을 이탤릭체로 별도 출력해야하는 티켓이 있었다.
그런데 어떤 CSS 요소가 폰트의 스타일을 지정해줄까? tailwind 등에는 별도의 클래스가 있겠으나 scss를 사용하는 경우에는 pure css를 사용하게 된다.

font-style

글자의 모양을 정하기 위해서는 'font-style' 속성을 쓰면 된다.

 

font-style의 종류

normal

특별히 꾸미지 않는 일반적인 모양(글꼴의 디폴트 생김새가 될 것이다.)을 말한다.

 

italic

이탤릭체

 

oblique

대부분의 글꼴에서 이탤릭체와 동일하지만, 일부 글꼴에서는 이탤릭체는 필기체처럼 표현되고 oblique는 그냥 기울기만 기울인 것처럼 표현된다.

 

inherit

부모 요소의 속성을 그대로 상속 받는다.

 

Ref.

https://www.codingfactory.net/10548

CSS / font-style / 글자 모양 정하는 속성