피그마에 SF PRO 폰트 추가하는 방법(브라우저 버전)

브라우저 버전

 

먼저 아래 페이지에서 피그마에서 제공하는 Font installers 를 다운로드합니다.

 

https://www.figma.com/downloads/ 

Download Figma Desktop Apps, Mobile Apps, and Font Installers

오른쪽의 것이에요

 

애플에서 제공하는 SF Pro 폰트 파일을 다운합니다.

https://developer.apple.com/fonts/

Fonts - Apple Developer

그런데 dmg 파일로 다운되기 때문에, 윈도우에서 사용하려면 아래와 같은 작업이 필요합니다.

 

해당 dmg 파일을 윈도우에서 사용하기 위해서 아래 7zip 을 다운 받습니다.

https://www.7-zip.org/

7-Zip

 

다운 받았던 폰트 파일을 아래와 같이 압축 풀기를 해줍니다.

 

 

압축을 풀면 이와 같은 폴더가 나옵니다.

 

 

폴더 안에 들어가면 pkg 파일이 보입니다.

 

 

 

해당 파일을 또 풀어줍니다.

 

 

아래 폴더 안으로 가면

 

 

 

Payload~ 라는 이름의 파일이 생성되어있는데,

 

 

또 풀어줍니다.

 

 

 

그럼 아래와 같은 폴더가 생성되는데

 

안에 들어가면 libray 폴더가 있고,

 

 

 

 

또 그안에 가면 fonts 폴더가 있습니다

 

 

 

들어가보면 이제야 폰트 파일들이 보입니다

폰트파일을 글꼴에 추가해줘야 합니다.

 

혹시나 모르는 분들을 위해

윈도우 바탕화면 우클릭하여 '개인설정' 으로 들어가시면 

 

 

 

'글꼴' 에 들어가면 됩니다.

 

 

 

윈도우 로컬폰트에 추가되었습니다

 

 

 

 

사용중이던 피그마를 모두 끄고 켜서 확인해봅니다

 

 

 

 

생성되었습니다.

 

 

 

 

제가 초보라 볼 겸 정리합니다 :)