폰트 · 타이포그래피 · 디자인

글자가 바뀌면,
분위기가 달라져요.

무료 폰트 고르는 법부터 라이선스·타이포그래피 팁까지. 디자인하는 사람, 콘텐츠 만드는 사람을 위한 폰트 이야기.

FEATURED2026년 9월 19일

합자(리가처)를 켜야 할 때와 꺼야 할 때, 상황별로 정리했다

합자(리가처)가 PDF 복사와 검색을 깨뜨리는 유니코드 메커니즘, 코딩 폰트 합자와 타이포그래피 합자의 근본적 차이, InDesign·Illustrator·Figma·Word·CSS별로 합자를 켜고 끄는 방법을 상황별로 정리했다.

Figma 행간 맞췄는데 브라우저에서 틀어지는 진짜 이유

Figma Auto 행간과 CSS line-height normal이 다른 이유, half-leading 분배 원리, unitless vs em 상속 차이까지 역산으로 풀어낸다. 핸드오프 어긋남을 구조적으로 잡는 방법.

2026년 9월 18일

타이포그래피 스펙 책 클로즈업 — 세리프 폰트로 인쇄된 대소문자 E가 격자 레이아웃에 여러 크기로 배치된 종이

폰트 hinted unhinted 차이, 플랫폼별로 답이 다른 이유

폰트 다운로드 폴더에 hinted와 unhinted가 나뉘는 이유와 플랫폼별 선택 기준을 정리했어요. Windows는 Hinted, macOS·Android는 Unhinted, 모르면 Unhinted를 기본으로 고르면 됩니다.

2026년 9월 17일

책 페이지에 크게 인쇄된 'Bold' 글자와 주변 타이포그래피 텍스트 클로즈업

Bold 버튼을 눌렀는데 왜 인쇄물이 이상하게 굵어졌을까

Bold 버튼을 눌렀는데 인쇄물 굵기가 이상하게 나왔다면 Faux Bold 때문일 수 있어요. 소프트웨어가 Bold 파일 없을 때 외곽선을 합성하는 원리와, 포토샵·일러스트레이터·Figma별 처리 방식, Bold variant 확인 방법을 정리했어요.

2026년 9월 16일

CSS clamp 반응형 폰트 크기를 직접 계산하는 방법

CSS clamp() 함수로 반응형 폰트를 만들 때 두 번째 인자를 직접 유도하는 방법을 정리했어요. slope와 intercept 공식으로 본문·H2·캡션을 같은 뷰포트 기준에 맞춰 계산하면 타이포그래피 위계가 무너지지 않습니다.

2026년 9월 15일

다크모드에서 같은 폰트가 더 읽기 어려운 이유

같은 폰트인데 다크모드에서 획이 번지고 뭉쳐 보이는 건 할레이션(irradiation illusion) 때문입니다. 동공 확장으로 시작되는 번짐 메커니즘과, 글자색을 오프화이트로 낮추고 굵기는 오히려 줄여야 하는 이유를 원리부터 실전 순서대로 정리했습니다.

2026년 9월 14일

색을 바꿔도 강조가 안 보이는 진짜 이유

색을 바꿔도 강조가 눈에 안 들어오는 건 색 선택의 문제가 아니다. 시각계가 색조보다 휘도(밝기)를 먼저 처리하는 원리와, 색 강조가 실제로 작동하는 3가지 조건을 정리했다.

2026년 9월 13일

프리미어 프로 자막 폰트, 가독성부터 고르는 게 맞습니다

프리미어 프로 자막 폰트는 예쁜 것보다 가독성을 먼저 따져야 해요. 배경 대비·굵기·분위기 순서로 고르는 판단 흐름과, 개인 채널·상업 납품·방송별 라이선스 확인 범위까지 정리했습니다. Essential Graphics와 Properties 패널 버전 차이도 함께 짚어드려요.

2026년 9월 13일