Font-family
- 서체(폰트)를 지정하기위해 사용한다.
- 폰트 속성 값을 콤마(,)로 구분하여 여러개 작성할 수 있는데, 먼저 적은 것이 우선순위를 가진다.
- 속성 구조 :
[폰트, ....]
- 속성값
폰트 이름
serif
: 세리프 서체.sans-serif
: 세리프가 없는 서체.monospace
: 가로길이가 같거나 두 배인 서체.(개발용폰트)cursive
: 필기체
Font-size
- 글씨의 크기를 지정하기 위해 사용한다.
- 속성값 :
[크기]
Font-style
- 폰트 스타일을 지정하기 위해 사용한다.
- 기본값 :
normal
- 속성값
normal
: 일반서체italic
: 기울임 꼴oblique [x]deg
:x
도 만큼 기울인 꼴(폰트 지원 필요)
Font-weight
- 폰트의 굵기를 지정하기위해 사용한다.
- 기본값 :
400
- 속성값
[폰트 굵기]
normal
:400
과 동일bold
:700
과 동일lighter
: 부모가 가진font-weight
보다 한단계 얇은 폰트bolder
: 부모가 가진font-weight
보다 한단계 굵은 폰트
참고 사이트(폰트 무료 다운로드 사이트)
'CSS' 카테고리의 다른 글
[CSS] Transition(상태변화) (0) | 2023.03.09 |
---|---|
[CSS] Text (0) | 2023.03.09 |
[CSS] Padding(내부여백) (0) | 2023.03.08 |
[CSS] Margin(외부 여백) (0) | 2023.03.08 |
[CSS] Position (0) | 2023.03.08 |