font-style
- normal (기본값) : 기울기 없음
- italic : 이텔릭체
- oblique : 기울어진 글자 (이텔릭체를 더 많이 사용함)
font-weight
글자의 두께
- normal(기본값, 400) : 기본두께
- bold (700) : 두껍게
- 100~900 : 100단위의 숫자
font-size
글자의 크기
- 16px (기본값) : 기본값
- 단위: px, em, rem
line-height
한 줄의 높이를 의미합니다
- normal : 브라우저의 기본 속성
- 숫자 : 요소의 글꼴 크기의 배수로 지정 ex) line-height : 1.2 는 16px * 1.2 를 한줄의 높이로
- 단위: px, em, rem
font-family
font-family : 글꼴1, "글꼴-2" , .... 글꼴 계열.
- 띄어쓰기, 특수문자 가 포함된 경우 글골 이름은 큰따옴표로 묶어야합니다.
- 글꼴 계열은 필수로 작성해야합니다.
- 브라우저는 앞의 글꼴부터 먼저 시도를 하며, 사용할 수 없는 경우엔 그 다음에 명시된 글꼴을 시도합니다.
- 모두 사용 불가능 할 경우 글꼴 계열중 하나를 사용합니다.
See the Pen font by J-Plum (@J-Plum) on CodePen.
- serif : 바탕체 계열
- sans-serif : 고딕체 계열
- monospace : 고정너비(가로폭이 동등) 글꼴 계역
- cursive : 필기체 계열
- fantasy : 장식 글꼴 계열
'CSS' 카테고리의 다른 글
[CSS] Parallax (0) | 2023.03.09 |
---|---|
[CSS] 문자 관련 css (0) | 2023.03.08 |
[CSS] display에 대해서 (0) | 2023.03.08 |
[CSS] overflow란? (0) | 2023.03.08 |
[CSS] margin , padding 그리고 box-sizing (0) | 2023.03.08 |