시리즈 · 4 편

CSS 타이포그래피 심층 탐구

@font-face 기초부터 가변 폰트와 유동적 크기 조정까지, CSS 타이포그래피에 관한 모든 것을 다룹니다.

1
CSS 타이포그래피

CSS 타이포그래피 속성: 완전한 레퍼런스

모든 CSS 타이포그래피 속성을 예제와 함께 설명합니다 — font-family, font-size, font-weight, line-height, letter-spacing 등입니다.
2
CSS 타이포그래피

@font-face: 커스텀 웹 폰트 완전 가이드

@font-face에 관한 모든 것 — 문법, 포맷 선택, unicode-range 서브셋팅, font-display 전략, 셀프 호스팅 대 CDN까지 다룹니다.
3
CSS 타이포그래피

가변 폰트: CSS 완전 가이드

가변 폰트는 하나의 파일에 전체 패밀리를 담습니다. 웨이트, 너비, 기울기, 커스텀 축을 위한 CSS를 인터랙티브 예제와 함께 배웁니다.
4
CSS 타이포그래피

CSS clamp()로 만드는 유동적 타이포그래피: 미디어 쿼리 불필요

CSS clamp()를 사용해 뷰포트 크기 사이를 부드럽게 조절하는 반응형 타이포그래피를 만듭니다. 브레이크포인트도, 미디어 쿼리도 없이 단 한 줄의 CSS로 가능합니다.