SideProjects/DuolingoClone

[듀오링고 클론 코딩 with Unity] 나눔 글꼴 폰트 추가

VirtualDever 2022. 3. 1. 21:35

Hello, world! 를 출력하는 것까지는 해봤지만, 기본 폰트 Arial이라서 이쁘지가 않습니다.

클라이언트 / 프론트엔드 개발자라면 역시 이쁜게 최고겠지요?

어렵지 않으니 쉬어가는 페이지라고 생각하고 따라와 주세요.

 

그럼 네이버에서 제공하는 나눔폰트를 유니티 프로젝트에 추가해 보겠습니다.

네이버 글꼴 모음 (naver.com)

 

네이버 글꼴 모음

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

hangeul.naver.com

 

아래로 스크롤 해보면 폰트를 다운로드 받을 수 있습니다.

나눔 글꼴 전체 내려받기 버튼을 클릭합니다.

 

압축을 풀고 나눔고딕 => NanumFontSetup_TTF_GOTHIC 폴더로 이동 후, ttf 파일을 유니티 Project 창으로 드래그 앤 드랍합니다.

그러면 아래 화면과 같이 4개의 파일이 추가된 것을 확인할 수 있습니다.

반드시 Fonts 폴더에 복사해서 다른 에셋과 구분이 될 수 있도록 하는 것이 좋겠습니다.

 

그럼 이제 텍스트에 폰트 파일을 적용해 보도록 하겠습니다.

마지막 과정이니까 조금만 더 힘내 봅시다.

아래 화면과 같이 Font를 Arial 대신에 추가한 나눔고딕으로 교체해 보겠습니다.

간단히 Project 창에 있는 폰트 에셋을 Text 컴포넌트의 Font로 드래그 앤 드랍하면 설정이 완료됩니다.

Font 오른쪽에 있는 원을 클릭하면 유니티 프로젝트 내에 있는 폰트 에셋을 모두 보여주고 선택해서 설정을 하는 방법도 있습니다.

저는 NanumGothicBold 폰트로 설정해 보겠습니다.

 

고딕 폰트가 적용된 화면입니다.

만약 "안녕하세요!" 라는 한글 텍스트가 보이지 않는다면, RectTransform에 Width를 1000 정도로 늘려보세요.

그럼 텍스트 영역이 좌우로 늘어나서 잘 보일 것입니다.

Hello, world!를 그려봤으니 본격적인 개발에 들어가 봐야겠습니다.