font-style

  1. normal (기본값) : 기울기 없음
  2. italic : 이텔릭체
  3. oblique : 기울어진 글자 (이텔릭체를 더 많이 사용함)

font-weight

글자의 두께

  1. normal(기본값, 400) : 기본두께
  2. bold (700) : 두껍게
  3. 100~900 : 100단위의 숫자

font-size

글자의 크기

  1. 16px (기본값) : 기본값
  2. 단위: px, em, rem

line-height

한 줄의 높이를 의미합니다

  1. normal : 브라우저의 기본 속성
  2. 숫자 : 요소의 글꼴 크기의 배수로 지정 ex) line-height : 1.2 는 16px * 1.2 를 한줄의 높이로
  3. 단위: px, em, rem

font-family

font-family : 글꼴1, "글꼴-2" , .... 글꼴 계열.

  • 띄어쓰기, 특수문자 가 포함된 경우 글골 이름은 큰따옴표로 묶어야합니다.
  • 글꼴 계열은 필수로 작성해야합니다.
  • 브라우저는 앞의 글꼴부터 먼저 시도를 하며, 사용할 수 없는 경우엔 그 다음에 명시된 글꼴을 시도합니다.
  • 모두 사용 불가능 할 경우 글꼴 계열중 하나를 사용합니다.

See the Pen font by J-Plum (@J-Plum) on CodePen.

  1. serif : 바탕체 계열
  2. sans-serif : 고딕체 계열
  3. monospace : 고정너비(가로폭이 동등) 글꼴 계역
  4. cursive : 필기체 계열
  5. 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

+ Recent posts