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

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

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

다양한 나무 활자 블록들이 빽빽하게 배열된 모습

폰트 자수 표기를 직접 읽으면 2350자와 11172자 선택이 달라진다

폰트 카탈로그의 2350자·11172자 표기가 정확히 무엇을 뜻하는지 완전 해독합니다. 폰트 자수별 용도 비교표와 2350자 폰트에서 실제로 누락되는 글자 사례(설렜다·여깄다·뷁)까지, 폰트 고르는 눈을 바꿔드립니다.

CSS와 HTML 코드가 표시된 어두운 컴퓨터 화면

가변폰트에 대한 통념 4가지, 지금도 맞는 말일까

가변폰트가 무겁고 복잡하다는 통념, 지금도 맞는 말일까요? Pretendard Variable 파일 크기 비교표, 96% 이상 브라우저 지원 현황, @font-face 최소 템플릿까지 myth-busting 가이드로 정리했습니다.

그래프 용지 위에 놓인 투명 자와 각도기

폰트 크기 위계, 숫자를 직접 뽑아내는 계산법

H1부터 캡션까지 폰트 크기 위계를 수학적 배율로 계산하는 법을 정리했습니다. base×ratio^n 공식 원리와 배율 4종(1.25/1.333/1.414/1.618) 실제 수치 비교표, 3단계 워크시트를 한곳에 담았습니다.

컬러 키캡이 달린 기계식 키보드

Figma 폰트 깨짐 원인부터 팀 공유 재확인까지 한 건으로 끝내기

Figma 공유 파일에서 폰트가 깨지는 이유는 대부분 세 가지 중 하나입니다. Missing font 패널로 오류 유형을 정확히 읽고, 폰트 설치·Figma Agent 동기화·팀원 재확인까지 단계별로 따라가 해결하세요.

목활자 글자들이 조판된 전시물 클로즈업

가독성 좋은 폰트가 따로 있는 게 아니라, 원리가 있더라고요

폰트 추천 목록 말고 원리로 폰트를 고르는 법. x-height·어퍼처·획 대비·카운터 공간 4가지 설계 요소로 Pretendard·KoPubWorld·나눔고딕을 직접 해석하고, 화면·인쇄·제목별 가독성 체크리스트까지.

흰 종이에 고딕·명조 등 다양한 서체 스타일의 알파벳 A가 흑색과 빨간색으로 인쇄된 클로즈업

고딕체 명조체 차이, 용도로 바로 고르는 법

고딕체와 명조체(세리프·산세리프) 차이가 헷갈리시죠? 매체·텍스트 길이·분위기 3단계 판단 흐름으로 어느 계열을 선택해야 하는지 바로 결론을 내려드립니다. 웹·인쇄·PPT별 무료 한글 폰트 추천과 실전 오류 사례 포함.

모니터 화면에 표시된 CSS 코드

웹폰트, 지금 당신 사이트엔 필요 없을 수도 있습니다

웹폰트가 항상 정답은 아닙니다. 사이트 유형별 체크리스트로 웹폰트 필요없는 경우를 확인하고, 시스템 폰트 스택이 LCP·CLS에 미치는 성능 차이를 표로 비교합니다. 개인 블로그·어드민·랜딩페이지라면 시스템 폰트가 더 나은 선택일 수 있습니다.

컬러 스와치가 붙어 있는 나선형 스케치 노트북

브랜드 폰트를 처음 정할 때 콘셉트부터 전 채널 통일까지 밟는 순서

브랜드 폰트 결정 순서가 헷갈린다면, 콘셉트 확정부터 저작권 항목별 확인, 실제 채널 시안 적용, 전 채널 가이드 배포까지 5단계 흐름을 먼저 짚어두세요. 순서를 거꾸로 밟아 처음부터 갈아엎는 실수를 막아줍니다. BI/CI·임베딩 체크리스트도 함께.

흰 종이에 인쇄된 텍스트 클로즈업

한글 폰트 행간·자간, 역할과 매체별로 수치가 다 다르다

한글 폰트 행간과 자간 수치는 텍스트 역할(제목·소제목·본문·캡션)과 웹·모바일·인쇄 매체에 따라 다르게 설정해야 합니다. WCAG 2.1 AA 기준값과 폰트 구조별 실전 권장값, CSS 출발점 코드를 한 표에서 확인하세요.

흑백 타이포그래피 포스터

영문과 한글을 섞으면 폰트가 왜 어긋나 보이는지 역산해봤습니다

영문·한글 혼용 폰트가 어색해 보일 때는 대부분 x-height 불일치, 굵기 밀도 미스매치, 분위기 충돌 세 가지가 원인입니다. 실패 패턴에서 역산한 페어링 원칙과 검증된 조합 표, 4단계 자가점검 흐름을 한데 정리했어요.

다양한 서체로 인쇄된 알파벳 글자들

OTF, TTF, WOFF2 폰트 파일 포맷, 파일 목록 보는 순간 바로 읽는 법

OTF·TTF·WOFF2 폰트 파일 포맷이 헷갈리시나요? 압축 방식(Brotli·zlib·무압축)·파일 크기·OS 설치 가능 여부를 비교표로 정리하고, 웹·인쇄·영상 편집 상황별로 어떤 포맷을 받아야 하는지 체크리스트로 알려드려요.

검정 배경에 A부터 Z까지 다양한 스타일의 알파벳 레터링

Bold만 쓰면 강조가 된다고요? font-weight 위계를 다시 잡아야 할 때

Bold를 써도 강조가 안 된다면 대비 부재가 원인입니다. Uniform weight·가짜 강조·굵기 역전 세 가지 실패 패턴과 역할별 weight 배분 체크리스트로 font-weight 위계를 제대로 잡는 법을 정리했어요.