타이포그라피

글자의 크기 - font-size

콘솔 실습

자간, 줄간 - letter-space, line-height

콘솔 실습

글자의 굵기 - font-weight

콘솔 실습

타입페이스 - font-family

font-family는 여러개를 입력할 수 있습니다. 입력된 폰트 목록은 앞에서 부터 매치하여 존재하는 폰트를 보여주게 됩니다. 그리고 아무것도 매치가 되지 않는 경우 시스템의 기본 폰트를 사용해 글자를 표시합니다. 그래서 마지막에 serif 혹은 sans-serif를 넣는것이 권장됩니다.

웹폰트 @font-face

시스템에 설치된 폰트가 아닌 폰트를 직접 내려받게 하는 방법도 있습니다.

<link href="https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap" rel="stylesheet">

주요 웹폰트 서비스