[UWP] UWP 앱에서 원하는 글꼴을 사용하기

최근 UWP 앱에서 옛한글을 표시해야 했다. 그런데 기본 글꼴인 맑은 고딕에서는 옛한글을 지원하지 않았다. 표시할 수 없는 글자는 아래 사진과 같이 □로만 나타난 것이다. 그래서 UWP 앱에서 옛한글을 표시하기 위해 원하는 글꼴을 사용하는 방법을 찾을 필요가 있었다. 이 프로젝트에서 저작권에 구애 받지 않는 나눔바른고딕 옛한글 글꼴을 사용하기로 했다.

컴퓨터에 설치된 글꼴 사용하기

당장 내 컴퓨터에 설치된 글꼴이나, 윈도우에 기본으로 포함된 글꼴을 사용할 것이라면, 아래 사진과 같이 TextBlock의 속성 탭의 텍스트>글꼴에서 원하는 글꼴을 선택하기만 하면 된다. 그러나 윈도우에 포함되지 않는 글꼴을 사용하는데, 최종 사용자 컴퓨터에 해당 글꼴이 설치되있다는 보장이 없으면 이 방법을 사용해선 안된다. 만약 해당 글꼴이 없다면 사용자 컴퓨터에선 기본 글꼴로 표시되기 때문이다. 그렇기에 아래 문단의 방법을 따라 사용할 글꼴을 프로젝트에 추가해줘야 한다.

프로젝트에 글꼴 추가해 사용하기

UWP 앱 내에 원하는 글꼴을 추가해 사용하려면 아래 방법을 따른다.

1. 원하는 글꼴을 프로젝트 내 원하는 폴더에 추가한다.
2. Xaml에서 FontFamily 속성을 "<폰트 경로>#<폰트 이름>" 형식으로 설정한다.

 

먼저 아래 사진과 같이 나눔바른고딕 옛한글의 ttf 파일을 프로젝트 내 Assets 폴더에 추가하였다.

그 다음 원하는 컨트롤마다 FontFamily 속성을 아래와 같이 설정해주었다. '#' 문자 이전에는 ttf 파일의 경로, '#' 이후에는 글꼴의 이름으로 본인의 상황에 맞게 설정하면 된다. 설정 후 다른 컴퓨터에서 정확히 표시되는지 시험해보길 바란다.

참고로 글꼴의 이름을 모를 경우 속성 탭의 텍스트>글꼴에서 원하는 글꼴로 한번 설정해보면 Xaml에 표시되는 게 글꼴 이름이다.

/Assets/NanumBarunGothic-YetHangul.ttf#NanumBarunGothic YetHangul

결과

위 방법을 사용한 결과 아래 사진과 같이 옛한글이 정상적으로 표시되었다. 또 글꼴이 설치되지 않은 다른 컴퓨터에서도 글꼴이 제대로 표시된다.