CSS

[CSS] Font

katia 2023. 3. 9. 16:27

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