UMG 에 폰트 사용

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

Windows
MacOS
Linux

여기서는 텍스트가 들어있는 위젯 블루프린트에서 별도의 폰트 애셋을 사용하는 법을 알아보겠습니다.

FontWithUMG_Hero.png

단계

UMG UI 디자이너에서 사용할 폰트 애셋을 할당하는 방법은 다음과 같습니다.

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

  1. 위젯 블루프린트 생성을 위해서는, 콘텐츠 브라우저에서 신규 추가 버튼을 클릭한 뒤, 유저 인터페이스 에 커서를 올리고 위젯 블루프린트 를 선택합니다. 그러면 새 위젯 블루프린트가 생성됩니다. 나중에 쉽게 찾을 수 있도록 이름을 지어 주세요.

    CreateWidgetBP.png

  2. 콘텐츠 브라우저의 위젯 블루프린트를 저장한 곳으로 돌아가 더블클릭하여 엽니다. 위젯 블루프린트의 팔레트 창에서 Text 위젯을 선택하고 그래프에 끌어 놓습니다. 그런 다음 구석을 잡아 끌어 크기를 키웁니다.

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

    FontWithNewOptions.png

  4. 기본적으로 엔진에서는 Roboto 폰트를 사용합니다만, 드롭다운 메뉴를 클릭하면 만들어 둔 컴포짓 폰트 애셋을 선택하여 대신 사용할 수도 있습니다.

    NewFontWithNewOptions.png

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

  5. 컴포짓 폰트를 선택했으면, 두 번째 드롭다운 메뉴를 통해 디폴트 폰트 패밀리 의 폰트를 선택할 수 있습니다.

    FontStyleNewOptions.png

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

    FontSizeNewOptions.png

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

최종 결과

UMG 에서 폰트를 사용하는 데 성공했으니, 색, 머티리얼, 윤곽선 프로퍼티 설정 (및 음영 사용)과 같은 폰트 스타일 지정 방법도 참고해 보시기 바랍니다.

새로운 언리얼 엔진 4 문서 사이트에 오신 것을 환영합니다!

문서 사이트에 대한 의견을 모을 수 있는 피드백 시스템을 포함해서 여러가지 새로운 기능을 준비하고 있습니다. 아래 Documentation Feedback 포럼(영문) 또는 언리얼 엔진 네이버 공식 카페(한글) 중 편하신 곳에 의견이나 문제점을 알려 주세요.

새 시스템이 준비되면 알려 드리겠습니다.

네이버 카페
공식 포럼