피그마(figma) 유용한 무료 폰트 추가 설치하기

Figma에서 컴퓨터에 설치된 로컬 폰트(사용자 지정 폰트)를 사용하는 방법은 데스크톱 앱을 사용하는지, 웹 브라우저를 사용하는지에 따라 달라집니다.

데스크톱 앱: 컴퓨터에 폰트를 설치하기만 하면 Figma가 자동으로 인식합니다. 가장 간단한 방법입니다. 아래 4,5번부터 하시면 됩니다.
웹 브라우저: 로컬 폰트를 웹 브라우저가 인식할 수 있도록 'Figma Font Installer'라는 별도의 프로그램을 설치해야 합니다.

방법 A: Figma 데스크톱 앱 사용 시
1. Figma 데스크톱 앱을 실행합니다. (이미 실행 중이었다면 완전히 종료 후 다시 시작하세요.)
2. 텍스트 객체를 선택하고, 우측 디자인 패널의 'Text' 섹션에서 폰트 목록을 엽니다.
3. 방금 설치한 폰트 이름을 검색하면 목록에 나타나 바로 사용할 수 있습니다
방법 B: 웹 브라우저 사용 시
1. Figma Font Installer 설치:
  - "1. figma 홈페이지에 접속하여 프로그램 다운로드" 참고
2. 브라우저 및 Figma 재시작:
  - 설치가 완료되면 사용 중인 웹 브라우저를 완전히 종료 후 다시 시작합니다.
  - Figma 파일이 열려 있었다면 새로고침하거나 탭을 닫고 다시 엽니다.
3. 이제 데스크톱 앱과 마찬가지로 텍스트 패널의 폰트 목록에서 설치한 로컬 폰트를 찾아 사용할 수 있습니다.

Figma | 협업을 위한 인터페이스 디자인 도구

Figma는 의미 있는 제품을 만들기 위한 최고의 협업 디자인 도구입니다. 하나의 플랫폼에서 원활하게 디자인 및 프로토타입을 제작하고 개발하며 피드백을 제공할 수 있습니다.

www.figma.com

Releases · orioncactus/pretendard

어느 플랫폼에서든 사용할 수 있는 system-ui 대체 글꼴 | A system-ui alternative font for all cross-platform - orioncactus/pretendard

github.com

네이버 글꼴 모음

네이버가 만든 150여종의 글꼴을 한번에 만나보세요

hangeul.naver.com

윈도우즈라면 C:\Windows\Fonts에 다운로드 받은 폰트들을 클릭해서 마우스로 드래그 하면 됩니다

※ 유명한 폰트파일 종류(확장자)

TTF (TrueType Font): 💻 웹과 일반 문서에 최적화된 가장 기본적인 폰트 형식입니다. 호환성이 뛰어난 것이 최대 장점입니다.
OTF (OpenType Font): 🎨 디자이너를 위한 고급 기능을 갖춘 폰트 형식입니다. 인쇄, 출판 등 고품질, 더 많은 글자 표현(예: 'ﬁ'를 하나의 글자로 표현하는 합자)이 가능해 정교한 디자인 작업에 적합합니다.
WOFF(Web Open Font Format)는 이름 그대로 웹(Web) 환경에 최적화된 폰트 형식입니다. TTF나 OTF 폰트 파일을 웹페이지 로딩 속도에 영향을 주지 않도록 압축하여 만든 폰트, 웹페이지에서 폰트를 보여주기 위해 사용. 이미지 안에 폰트가들어가는 경우에는 해당없음 - TTF나 OTF는 파일 크기가 커서 페이지 로딩 속도를 느리게 만드는 원인이 될 수 있습니다. WOFF는 이를 해결하기 위해 개발되었습니다.

글꼴에 나눔(nanum), pretendard 입력하면 해당글꼴이 나타나고, 원하는 폰트를 사용하면 됩니다.

여행로그-세상의 모든 길