글자 모양 바꾸는 방법 - font-style
font-style
font-style은 글자 모양을 정하는 속성으로, 기울임 여부를 정합니다.
기본형
font-style : normal | italic | oblique- normal : 보통 모양입니다.
- italic : 기울임꼴입니다.
- oblique : 기울임꼴입니다.
italic 은 기울어진 글꼴이 처음부터 디자인 되어 있는 반면,
oblique >는 원래 글꼴을 단지 기울어지게 표시할 뿐입니다. 대부분 기울어진 형태에 맞게
글꼴이 다듬어져 있기 때문에 웹에소는 주로 italic 을 사용합니다.
예제
<p class="no">Normal - Lorem ipsum dolor sit amet.</p>
<p class="it">Italic - Lorem ipsum dolor sit amet.</p>
<p class="ob">Oblique - Lorem ipsum dolor sit amet.</p>.no {
font-style: normal;
}
.it {
font-style: italic;
}
.ob {
font-style: oblique;
}data-editable="true"
data-preview="true"
data-default-tab="result"
data-height="441"
data-pen-title="CSS 글자 모양 정하기 font-style 예제"
data-slug-hash="QWNPqod"
data-theme-id="light"
data-user="LiveBlogger"
style="align-items: center; border: 2px solid; box-sizing: border-box; display: flex; height: 441px; justify-content: center; margin: 1em 0px; padding: 1em;"
>
로딩 중... 잠시만 기다려주세요.
자바스크립트를 허용해주세요.