1 글꼴 관련 스타일

• font-family : 글꼴지저
• font-size
  • 키워드 xx-small~xx-large
  • 단위 사용
    • em : 부모요소의 대문자 M의 너비를 기준으로 함
    • rem : 문서 시작부분에서 지정한 크기를 기준으로 함
    • ex : 소문자 x의 높이를 기준으로함
    • px : 모니터의 1픽셀을 기준으로 함
    • pt : 포인트, 일반문서에서 많이 사용
• font-style : normal, italic, oblique(이탤릭체)
• font-variant : normal, small-caps
• font-weight : 100~900사이값 ,
  • normal : 400
  • bold : 700
  • bolder : 원래보다 더 굵게
• font : <font-style><font-variant><font-weight>

2 웹 폰트 사용하기

컴퓨터에서 사용하는 글꼴타입 : 트루타입 (trueType) → 파일 확장자 .ttf (파일크기가 커서 웹에서는 적절하지않음)

웹에 적합한 글꼴은 EOT와 WOFF, WOFF2

구글폰트사용가능! @import ulr(’ ‘)

3 텍스트 관련 스타일

글자색 지정하는 color 속성

16진수, rgb(rgba), hsl(hsla),색상이름 → color에 사용할 수 있는 속성값