Figma 디자인에 글꼴 추가 – Figma Learn - 도움말 센터

Figma의 새로운 디자인인 UI3를 사용하는 경우 이 문서의 일부가 현재 제품에 있는 내용과 일치하지 않을 수 있습니다. 업데이트하는 동안 기다려 주셔서 감사합니다. Figma의 새 디자인에 대해 자세히 알아보기 →

이 기능을 사용할 수 있는 사용자

모든 요금제에서 사용 가능

누구나 Figma Design에 글꼴을 추가할 수 있습니다.

기본적으로 Figma는 Figma Design 파일에 Google Fonts 를 포함합니다. 다른 글꼴을 사용하려면 컴퓨터에 해당 글꼴을 설치하고 Figma Design 파일에서 액세스하면 됩니다.

주의: Figma Design 파일에서 자체 글꼴을 사용하는 경우, 해당 파일을 공유받은 사람은 컴퓨터에 해당 글꼴을 설치하지 않고는 해당 글꼴을 미리 볼 수 없습니다. 누락된 글꼴 관리와 관련된 오류가 발생할 수 있습니다.

Figma 디자인에서 자체 글꼴을 사용하려면 아래 단계를 따르세요.

use-a-font-in-design-flow (1).png

1. 폰트 파일 준비 및 다운로드

글꼴은 일반적으로 OpenType(.OTF) 또는 TrueType(.TTF) 파일의 컬렉션입니다. 각 글꼴은 여러 스타일을 가질 수 있으며, 각 스타일은 자체 파일을 갖습니다.

예를 들어, Inter Regular, Inter Bold, Inter Extra Light를 사용하려면 세 개의 글꼴 파일이 필요합니다.

팁: 다른 사람들도 사용하는 글꼴을 사용하는 경우 동일한 스타일을 사용하는지 확인하세요. 다른 사람이 파일에서 사용하는 글꼴 스타일이 사용자 컴퓨터에 없는 경우 글꼴 누락 오류가 발생합니다.

참고: Figma는 .TTF 및 .OTF 글꼴 파일만 지원합니다.

글꼴을 사용하려면 컴퓨터의 글꼴 관리자에 글꼴을 설치해야 합니다.

Mac에서는 글꼴 관리자를 Font Book이라고 합니다. Apple은 Mac의 Font Book에 글꼴을 설치하고 검증하는 방법에 대한 지침을 제공합니다. 일반적으로 Font Book에서 글꼴을 볼 수 있으면 해당 글꼴이 컴퓨터에 설치되어 있는 것입니다.
Windows에서는 Fonts 폴더에 글꼴 파일을 추가하여 글꼴을 설치할 수 있습니다. 글꼴 추가 →

참고: Figma는 ChromeOS 또는 Linux를 실행하는 디바이스에서는 로컬 글꼴을 지원하지 않습니다. Chromebook 및 Linux 사용자는 Figma의 기본 글꼴인 Google 글꼴만 사용할 수 있습니다.

참고: 데스크톱 앱을 사용하는 경우 이 단계를 건너뛸 수 있습니다. 데스크톱 앱에는 Figma 글꼴 도우미가 포함되어 있습니다.

웹 브라우저에서 Figma를 사용하는 경우 Figma Design 파일에 자신의 글꼴을 추가하려면 먼저 글꼴 도우미라고도 하는 Figma 설치 프로그램을 설치해야 합니다.

설치 후 브라우저에서 열려 있는 파일을 다시 로드하여 글꼴 사용을 시작하세요.

참고: Figma 글꼴 설치 프로그램인 FigmaAgent는 localhost에서 HTTP 및 HTTPS 서버를 실행합니다. figma.com 에서만 연결을 허용하며 공용 인터넷에는 노출되지 않습니다.

콘솔 로그 또는 컴퓨터에서 활동을 모니터링할 때 FigmaAgent와 관련된 이벤트를 볼 수 있습니다. 로컬 호스트의 루프백 주소는 127.0.0.1로 확인됩니다.

필요한 경우 언제든지 글꼴 도우미를 제거 할 수 있습니다.

오른쪽 사이드바의 타이포그래피 섹션에서 액세스하는 글꼴 선택기.png

글꼴을 찾아 사용하려면 다음을 수행합니다.

참고: 문제가 생겼나요? 글꼴 문제 해결 가이드를 확인하세요 →