WEBBOOK CHAPTER

모던 CSS, 기본에서 실무까지: 17장. 타이포그래피

17장. 타이포그래피

font stack, weight, line height, measure, letter spacing이 읽기 품질을 만든다. 본문 line-height는 단위 없는 값으로 상속되게 하고 한 줄 길이는 대략 45~75자 범위에서 실제 언어로 검토한다.

웹폰트는 라이선스·subset·preload·font-display·fallback metric을 함께 결정한다. 이 책의 실습은 외부 폰트 의존 없이 system font를 사용한다. 폰트 한 개를 추가하는 결정도 LCP, CLS, 개인정보 요청, 저작권 영향을 가진다.

clamp() type scale은 최소·유동·최댓값을 갖는다. viewport 단위만 쓰면 확대와 작은 화면에서 과도하게 작아질 수 있으므로 rem 항을 섞는다.