디자인 회의에서 가장 자주 들리는 말 중 하나는 “폰트 좀 바꿔주세요”다. 그런데 이 요청은 생각보다 모호하다. 글자의 모양 자체를 바꾸고 싶은 것인지, 굵기만 조정하려는 것인지, 줄 간격과 배치를 다시 잡으려는 것인지 알기 어렵기 때문이다.
글자를 다루는 용어를 정확히 구분하지 않으면 단순한 말실수로 끝나지 않는다. 수정이 반복되고, 개발 단계에서 다른 파일이 적용되며, 서비스 화면에서 시스템 기본 글꼴로 대체되는 문제까지 이어질 수 있다. 용어는 지식 자랑이 아니라 협업의 정확도를 높이는 도구다.
1. 우리가 폰트와 서체를 헷갈리게 된 이유
대부분의 문서 프로그램과 디자인 도구는 글자 모양을 고르는 메뉴를 오랫동안 ‘폰트’라고 불러왔다. 사용자는 이 메뉴에서 이름과 굵기를 한 번에 선택했고, 자연스럽게 글자 디자인 전체를 폰트라고 이해하게 됐다.
하지만 실무에서는 전체 디자인 체계와 개별 파일, 정보 내용과 화면 구성 행위를 구분해야 한다. 이 구분이 없으면 기획자와 디자이너, 개발자가 같은 단어를 사용하면서도 서로 다른 대상을 떠올리게 된다.
정확한 용어는 일을 어렵게 만드는 전문용어가 아니라, 수정 횟수를 줄이는 공통 규칙이다.
2. 텍스트부터 타이포그래피까지
텍스트: 디자인 이전의 정보
텍스트는 문장과 단어처럼 전달하려는 내용 그 자체다. 어떤 글꼴과 색상, 크기를 적용하더라도 내용이 같다면 텍스트는 변하지 않는다. “문구를 바꿔주세요”는 텍스트 수정 요청이다.
타입: 반복해서 사용하는 문자 자산
타입은 본래 인쇄를 위해 만든 활자를 뜻했지만, 디지털 환경에서는 글자·아이콘·이모지처럼 화면에 반복해서 불러오는 문자 자산 전반을 가리킨다.
타입페이스 또는 서체: 글자의 디자인 체계
타입페이스는 동일한 조형 원칙을 공유하는 문자 디자인의 집합이다. 프리텐다드, 헬베티카, 고담처럼 글자의 전체적인 인상과 구조를 말한다. “좀 더 현대적이고 중립적인 서체로 바꿔주세요”가 정확한 요청이다.
폰트: 실제로 사용하는 파일과 개별 스타일
폰트는 특정 서체를 화면과 인쇄물에서 구현하기 위한 파일 또는 구체적인 스타일이다. Pretendard Bold, Pretendard Regular처럼 굵기별 파일이 각각 폰트에 해당한다. 같은 서체 안에서 굵기나 기울기를 바꾸려면 폰트를 변경한다고 말할 수 있다.
타이포그래피: 글자를 구성하는 디자인 행위
타이포그래피는 텍스트와 폰트를 활용해 크기, 굵기, 줄 간격, 자간, 정렬, 글줄 길이와 위계를 설계하는 과정이다. 화면에서 읽는 순서와 분위기까지 결정하는 작업 전체를 의미한다.
3. 요청은 이렇게 바꾸면 정확해진다
“폰트가 별로예요”라는 말 대신 무엇이 문제인지 대상을 나눠 말해야 한다. 전체적인 인상이 맞지 않으면 “서체가 브랜드와 어울리지 않는다”고 말한다. 굵기가 약하면 “같은 서체의 세미볼드 폰트를 적용해달라”고 요청한다.
본문이 답답하다면 서체 문제가 아니라 타이포그래피 문제일 수 있다. 이때는 “본문 줄 간격을 늘리고 한 줄 길이를 줄여달라”고 말하는 편이 정확하다. 문장이 어렵다면 디자인을 바꾸기 전에 텍스트 자체를 수정해야 한다.
구체적인 요청은 작업자의 판단을 제한하는 것이 아니라, 문제를 빠르게 공유하게 한다. 무엇을 유지하고 무엇을 바꿔야 하는지가 분명해지기 때문이다.
4. 디자인에서 맞았던 글자가 개발에서 달라지는 이유
피그마에서 서체를 지정했다고 해서 웹에 그대로 적용되는 것은 아니다. 개발 환경에는 실제 폰트 파일과 웹폰트 경로, 굵기별 매핑 값이 필요하다. 디자인 파일에 600 굵기를 사용했지만 웹폰트에 600 파일이 없으면 브라우저가 임의로 굵기를 합성하거나 다른 스타일로 대체할 수 있다.
한글과 영문에 서로 다른 서체를 사용할 때는 폴백 순서도 중요하다. 특정 문자가 첫 번째 폰트에 없으면 다음 폰트를 불러오기 때문에, 화면 안에서 글자의 높이와 굵기가 달라질 수 있다. 디자이너는 이름만 넘기는 것이 아니라 사용 범위와 파일, 굵기, 라이선스를 함께 전달해야 한다.
개발자는 CSS의 font-family와 font-weight 값이 실제 파일과 연결되는지 확인해야 한다. 디자인 시스템에 정의된 이름과 코드의 값이 일치해야 화면별 편차를 줄일 수 있다.
5. 서체 선택은 브랜드 시스템의 일부다
서체는 로고 옆에 붙는 장식이 아니다. 웹사이트, 앱, 제안서, 뉴스레터, 광고와 패키지에서 반복되며 브랜드의 말투를 시각적으로 만든다. 같은 문장도 서체와 타이포그래피에 따라 전문적이거나 친근하고, 전통적이거나 미래적으로 느껴진다.
따라서 브랜드는 대표 서체 이름만 정해서는 부족하다. 제목과 본문에 어떤 폰트를 사용할지, 최소 크기와 줄 간격은 얼마인지, 숫자와 영문은 어떻게 처리할지, 웹에서 사용할 수 있는 라이선스가 있는지까지 규칙으로 만들어야 한다.
이 규칙이 있을 때 새로운 작업자가 들어와도 결과의 인상이 크게 흔들리지 않는다. 타이포그래피는 개별 디자이너의 감각을 넘어 운영 가능한 브랜드 자산이 된다.
6. 실무에서 바로 확인할 체크리스트
텍스트: 문장과 정보 내용이 확정됐는가?
서체: 브랜드와 목적에 맞는 글자 디자인 체계를 선택했는가?
폰트: Regular·Medium·Bold 등 필요한 파일과 굵기가 준비됐는가?
타이포그래피: 크기·행간·자간·정렬·글줄 길이와 위계가 정의됐는가?
개발 적용: 파일 경로, font-weight 매핑, 폴백과 웹폰트 로딩을 확인했는가?
라이선스: 웹·앱·인쇄·영상 등 사용 범위를 확인했는가?
좋은 글자 디자인은 예쁜 서체 하나를 고르는 것으로 완성되지 않는다. 정확한 텍스트를 적절한 서체와 폰트로 구현하고, 읽기 좋은 타이포그래피로 구성한 뒤 실제 환경에서 동일하게 작동하도록 연결해야 한다. 그 시작은 서로 같은 단어로 같은 대상을 가리키는 것이다.