UMG에 폰트 사용

UMG UI 디자이너 툴에 폰트를 사용하는 방법을 안내합니다.

위젯 블루프린트 에디터를 통해 텍스트 위젯의 폰트 에셋을 구성하는 방법을 알아보겠습니다.

01_FontWithUMG_Hero.png

단계

위젯 블루프린트 에디터의 UMG UI 디자이너에서 커스텀 폰트를 조정하고 사용하는 방법은 다음과 같습니다.

여기서는 기본 템플릿 프로젝트에 시작용 콘텐츠 없음, 기본 타깃 하드웨어프로젝트 세팅 을 사용하고 있습니다.

  1. 위젯 블루프린트를 생성합니다. 콘텐츠 브라우저에서 추가 버튼을 클릭한 뒤, 유저 인터페이스(User Interface) > 위젯 블루프린트(Widget Blueprint) 를 선택합니다.

    02_NewWidgetBlueprint.png

  2. 위젯 블루프린트 에디터**에서 생성된 위젯 블루프린트더블클릭** 하여 엽니다.

  1. 팔레트 창에서 캔바스 패널(Canvas Panel) 위젯을 찾아 비주얼 디자이너 창에 드래그합니다.

  2. 팔레트 창에서 텍스트(Text) 위젯을 찾아 비주얼 디자이너 창에 드래그합니다.

  3. Text 위젯을 생성했으니, 클릭해서 디테일 패널 Appearance 아래 폰트 유형, 스타일(일반, 두껍게, 이탤릭 등), 크기를 바꿀 수 있는 Font 옵션이 보입니다.

    03_FontOptions.png

  4. 기본적으로 엔진에서는 Roboto 폰트를 사용합합니다. **폰트 패밀리(Font Family) 옆에 있는 드롭다운 메뉴를 클릭하면 만들어 둔 커스텀 폰트 에셋을 선택할 수 있습니다.

    04_FontFamily.png

    이 메뉴에서 커스텀 폰트를 생성하고 새로운 에셋 저장 위치를 지정할 수도 있습니다. 기본값은 공백이므로 채워넣어야 합니다.

  5. 타입페이스(TypeFace) 옆의 드롭다운 메뉴를 클릭하면 선택한 폰트 에셋의 스타일을 선택할 수 있습니다.

    05_FontTypeface.png

  6. 크기 옆에 있는 입력 박스에서 폰트 에셋 크기를 지정할 수도 있습니다.

    06_FontSize.png

  7. **문자 간격(Letter Spacing) 옆에 있는 입력 박스에서 문자 간 공백을 지정할 수 있습니다.

    07_FontLetterspacing.png

현재 UMG 는 Runtime 캐시 폰트 에셋만 지원합니다. 또한 이전 메서드를 사용한 폰트를 할당한 경우, 기존 파일 기반 폰트 세팅이 사라지지는 않지만, 앞으로는 UMG에 커스텀 폰트를 사용하기 위해서는 컴포짓 폰트 에셋을 생성해야 합니다.

최종 결과

위젯 블루프린트 에디터를 통해 텍스트 위젯의 폰트 에셋을 조정하는 기본 정보를 알아보았으니 색, 머티리얼, 윤곽선 프로퍼티 설정과 같은 폰트 스타일을 지정하는 방법도 참고해 보시기 바랍니다.