font 속성
| 속성 | 내용 |
| font-style | 글꼴의 스타일을 지정한다. |
| font-weight | 글자의 두께를 설정한다. |
| font-variant | 글꼴을 변형한다. |
| font-size | 글자의 크기를 설정한다. |
| line-height | 줄 간격을 설정한다. |
| font-family | 글꼴을 지정한다. |
문법
font-style
글자 모양을 설정한다.
normal : 기본 모양이다.
italic : 이탤릭체(기울임꼴)이다.
oblique : 기울임꼴이다.
initial : 기본값으로 설정한다.
inherit : 부모 요소의 속성값을 상속 받는다.
italic은 필기체 느낌의 기울임이고, oblique는 모양은 그대로 기울기만 기울인다.
사용 예제
See the Pen ExZevmZ by BakGyoungMin (@bgm16) on CodePen.
font-weight
글꼴의 두께를 설정한다. lighter, normal, bold, bolder의 미리 정의된 단어나 100 ~ 900 사이의 숫자를 통해 설정한다.
기본값은 normal 입니다.
100(lighter) 200 300 400(normal) 500 600 700(bold) 800 900(bolder)
사용 예제
See the Pen gOgdxaK by BakGyoungMin (@bgm16) on CodePen.
font-size
글자 크기를 설정한다.
px, em, pt, 등의 단위와 small, big 등의 상수 크기를 사용할 수 있다.
사용 예제
See the Pen JjEayob by BakGyoungMin (@bgm16) on CodePen.
font-family
글꼴을 지정할 수 있다.
쉼표(,)로 여러 글꼴을 등록 할 수 있으며 맨 앞의 글꼴부터 적용하여 없을 경우 그 다음 글꼴로 설정한다.
사용 예제
See the Pen xxgarzw by BakGyoungMin (@bgm16) on CodePen.
p1 태그의 경우 돋움체를 먼저 찾고, 돋움체가 없을경우 궁서체, 바탕체 순으로사용할 것이다.
글꼴 이름에 띄어쓰기가 있다면 작은 따옴표 또는 큰 따옴표로 감싸서 사용한다.