피그마에서 한글 폰트만 깨지거나 다른 글꼴로 바뀔 때 해결방법

피그마에서 한글 폰트가 깨지는 이유와 해결 방법

디자인 협업 툴로 널리 쓰이는 피그마를 사용하다 보면 영문이나 숫자 디자인은 깔끔하게 잘 나오는데 유독 한글만 이상하게 변하거나 네모 박스로 깨지는 현상을 마주할 때가 있습니다. 열심히 작업한 시안을 공유했는데 동료나 클라이언트 화면에서 한글이 다 깨져 보인다면 무척 당황스러울 수밖에 없습니다.

이러한 현상이 발생하는 가장 큰 이유는 폰트 라이선스 문제와 클라우드 기반 툴인 피그마의 특성 때문입니다. 피그마는 기본적으로 웹 브라우저를 통해 실행되거나 로컬 앱으로 구동되더라도 디자인 파일이 클라우드 서버에 저장됩니다. 이때 내 컴퓨터에는 설치되어 있지만 피그마 서버나 다른 사람의 컴퓨터에는 설치되어 있지 않은 폰트가 사용되었다면 시스템은 이를 인식하지 못해 기본 폰트로 대체하거나 글자를 깨뜨리게 됩니다.

특히 윈도우 환경에서 작업한 파일을 맥킨토시 환경으로 가져가거나 그 반대의 경우 운영체제별 기본 폰트 차이로 인해 문제가 더욱 빈번하게 발생합니다. 디자인의 완성도를 높이고 불필요한 커뮤니케이션 비용을 줄이기 위해 이 문제를 근본적으로 해결하는 다양한 방법을 살펴보겠습니다.

로컬 폰트 설정을 활성화하는 방법

피그마에서 한글 폰트가 깨지는 문제를 해결하는 가장 첫 번째 단계는 내 컴퓨터에 설치된 폰트를 피그마가 인식할 수 있도록 허용하는 것입니다. 피그마는 기본적으로 웹 폰트 위주로 구동되지만 별도의 프로그램을 통해 내 PC의 폰트를 불러올 수 있습니다.

이 기능을 사용하기 위해서는 피그마 데스크탑 앱을 설치해야 하며 웹 브라우저 버전에서는 제한이 있을 수 있습니다. 다음의 순서대로 설정에 접근하여 로컬 폰트를 활성화할 수 있습니다.

• 피그마 데스크탑 앱을 실행합니다.
• 왼쪽 상단의 프로필 아이콘이나 메뉴 버튼을 클릭하여 설정 메뉴로 진입합니다.
• 설정 창에서 계정(Account) 또는 세팅 탭을 확인합니다.
• 폰트(Fonts) 관련 항목을 찾아 Figma Installer를 다운로드하고 설치합니다.
• 설치가 완료된 후 피그마 앱을 완전히 종료했다가 다시 실행합니다.

이 과정을 거치고 나면 내 컴퓨터 제어판이나 서체 책자에 설치되어 있는 모든 한글 폰트를 피그마 텍스트 패널에서 자유롭게 불러와 사용할 수 있게 됩니다. 다만 파일을 다른 사람과 공유할 때 상대방 컴퓨터에도 동일한 폰트가 설치되어 있어야 정상적으로 보인다는 점은 여전히 주의해야 합니다.

웹 환경에서 폰트 오류를 방지하는 실용적인 팁

웹 브라우저를 통해 피그마를 이용하거나 로컬 폰트 설치가 여의치 않은 상황이라면 구글 폰트와 같은 웹 전용 서체를 적극적으로 활용하는 것이 좋습니다. 구글 폰트는 별도의 설치 과정 없이도 클라우드 상에서 원활하게 로드되기 때문에 협업 시 폰트 깨짐 현상을 원천적으로 차단할 수 있는 훌륭한 대안입니다.

국내 디자이너들이 자주 사용하는 프리 폰트 중 상당수가 웹 서체로도 제공되므로 프로젝트 초기 기획 단계에서부터 사용 가능한 폰트 풀을 정해두는 것이 유리합니다. 또한 피그마 커뮤니티에 공개되어 있는 다양한 오픈소스 한글 폰트를 활용하면 라이선스 위반의 위험 없이 안전하게 디자인 작업을 이어갈 수 있습니다.

프로젝트를 진행할 때 팀원 전원이 동일한 폰트 패키지를 다운로드하여 설치하는 것도 좋은 방법입니다. 디자인 팀 내부에 공용 폰트 폴더를 만들어 두고 신규 입사자나 협업자가 들어왔을 때 가장 먼저 폰트를 세팅하도록 매뉴얼화하면 폰트 유실로 인한 스트레스를 크게 줄일 수 있습니다.

윤곽선 생성 기능으로 폰트 깨짐을 완벽하게 방지하기

최종 시안을 개발자에게 전달하거나 클라이언트에게 최종 결과물을 공유할 때는 폰트 자체를 도형으로 변환해 버리는 방법이 가장 확실합니다. 이를 피그마에서는 윤곽선 만들기 기능이라고 부르며 일러스트레이터의 아웃라인 기능과 정확히 일치합니다.

텍스트 레이어를 윤곽선으로 변환하면 글자가 더 이상 폰트 데이터가 아니라 일반적인 벡터 패스로 인식되기 때문에 상대방 컴퓨터에 해당 폰트가 전혀 설치되어 있지 않아도 절대 깨지거나 모양이 바뀌지 않습니다.

• 텍스트 레이어를 마우스 우클릭합니다.
• 메뉴에서 Outline stroke 항목을 선택합니다.
• 단축키를 선호한다면 윈도우 기준 Ctrl + Shift + O, 맥 기준 Cmd + Shift + O를 누릅니다.

다만 이 방법에는 치명적인 단점이 하나 존재합니다. 텍스트가 도형으로 바뀌어버리기 때문에 더 이상 오탈자를 수정하거나 내용을 백스페이스로 지우고 다시 입력할 수 없습니다. 따라서 이 작업은 모든 디자인 검수가 끝나고 최종 파일로 내보내기 직전이나 시안을 고정해야 하는 마지막 단계에서만 신중하게 사용해야 합니다. 수정이 필요한 원본 파일은 반드시 따로 복사해 두고 백업본을 남겨두는 습관이 필요합니다.

팀 협업 시 폰트 관리와 관련된 흔한 오해

피그마에서 폰트와 관련해 많은 사람들이 오해하는 부분 중 하나는 내가 산 유료 폰트를 피그마에 올리면 팀원 누구나 자유롭게 쓸 수 있을 것이라는 생각입니다. 피그마는 기본적으로 클라우드 기반이지만 폰트 라이선스의 권한까지 서버에서 대신 해결해 주지는 않습니다.

컴퓨터 A에서 정상적으로 보이는 폰트가 컴퓨터 B에서 깨진다면 그것은 피그마의 오류가 아니라 컴퓨터 B에 해당 폰트 파일이 없거나 라이선스 범위가 제한되어 있기 때문입니다. 상업용 폰트를 사용할 때는 반드시 사내 전용 라이선스나 서버 공유가 가능한 형태의 계약인지 확인해야 하며 라이선스 위반에 따른 법적 분쟁을 예방하기 위해 팀 내부에 폰트 사용 가이드를 마련해 두는 것이 현명합니다.

또한 맥에서 작업한 피그마 파일의 자간이나 행간 수치가 윈도우로 넘어갔을 때 미세하게 틀어지는 현상을 폰트 깨짐으로 오인하는 경우가 많습니다. 이는 운영체제별 렌더링 엔진의 차이 때문에 발생하는 자연스러운 현상이므로 퍼블리싱이나 개발 단계로 넘어갈 때 마크업 단에서 조정이 필요할 수 있음을 염두에 두어야 합니다.

자주 묻는 질문

로컬 폰트를 설치했는데도 피그마에서 자꾸 글꼴이 사라져요

피그마 데스크탑 앱이 최신 버전으로 업데이트되어 있는지 확인해야 합니다. 간혹 프로그램 버그나 캐시 문제로 인해 폰트 목록이 갱신되지 않을 수 있으며 이럴 때는 피그마 앱을 완전히 껐다가 다시 켜거나 컴퓨터를 재부팅하면 대부분 해결됩니다.

다른 사람이 보낸 파일만 열면 한글이 물음표로 나와요

작업자가 사용한 폰트가 내 컴퓨터에 설치되어 있지 않기 때문입니다. 파일의 제작자에게 어떤 폰트를 사용했는지 물어본 후 동일한 폰트를 다운로드하여 설치하거나 피그마 내에서 대체 폰트로 일괄 변경해야 합니다.

웹 브라우저로 피그마를 쓸 때는 로컬 폰트를 못 쓰나요

크롬이나 사파리 같은 웹 브라우저 환경에서는 보안과 시스템 접근 권한 문제로 인해 내 컴퓨터의 폰트를 읽어오는 데 한계가 있습니다. 원활한 작업 환경을 원한다면 가급적 피그마 공식 웹사이트에서 제공하는 데스크탑 전용 애플리케이션을 설치하여 사용하는 것을 권장합니다.

윤곽선으로 바꾼 텍스트를 다시 글자로 되돌릴 수 있나요

한번 아웃라인 처리가 된 텍스트는 벡터 도형으로 병합되거나 변환된 것이기 때문에 되돌리기 기능을 통해 실행 취소를 하는 것 외에는 원래의 텍스트 속성으로 복구할 수 없습니다. 수정본을 따로 백업해 두지 않았다면 처음부터 다시 타이핑해야 하므로 항상 주의가 필요합니다.