[Android] Using Custom Font(원하는 글꼴 적용하기)

안드로이드 디자인

[Android] Using Custom Font(원하는 글꼴 적용하기)

나도개발자 2020. 8. 24. 13:58

01. 원하는 폰트 파일을 다운받기

필자는 모바일용 한글 폰트인 나눔바른고딕을 다운받았다.

https://hangeul.naver.com/2017/nanum

[네이버 한글한글 아름답게 : 나눔글꼴]

한글의 아름다움, 나눔글꼴로 나눕니다.

hangeul.naver.com

다운받은 압축 파일을 해제한다.

font 파일명에 있는 대문자를 다 소문자로 바꿔준다. (언더바는 사용 가능하다.)

02. Font 폴더 생성 및 폰트 파일 복사

res 폴더 내에 font 폴더를 생성한다.

font 폴더 내에 font.xml 파일을 생성한다.

font 폴더를 우클릭하여 New의 Font Resource File을 선택한다.

압축을 풀어놨던 파일을 선택하여 Ctrl + C를 한다. (또는 우클릭 후 복사 선택)

아까 만들었던 font 폴더를 선택하여 Ctrl + V를 한다. (또는 우클릭 후 붙여넣기 선택)

03. font.xml 작성

[res] - [font] - font.xml

<?xml version="1.0" encoding="utf-8"?>
<font-family xmlns:android="http://schemas.android.com/apk/res/android">
    <font
        android:fontStyle="normal"
        android:fontWeight="400"
        android:font="@font/nanumbarungothic_ultralight" />

    <font
        android:fontStyle = "normal"
        android:fontWeight = "400"
        android:font = "@font/nanumbarungothic_light" />

    <font
        android:fontStyle="normal"
        android:fontWeight="400"
        android:font="@font/nanumbarungothic" />
    <font
        android:fontStyle = "normal"
        android:fontWeight = "400"
        android:font = "@font/nanumbarungothic_bold" />
</font-family>

04. 폰트 적용하기

아래 처럼 styles에 코드를 작성하면 전체 폰트가 바뀐다.

[res] - [values] - styles.xml

<resources>
    <style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
        <item name="fontFamily">@font/nanumbarungothic</item>
    </style>
</resources>

혹은 적용하고 싶은 요소에 아래 코드를 추가해주면 된다.

android:fontFamily="@font/nanumbarungothic_bold"

회원가입 글씨에는 나눔바른고딕 Bold체를 나머지에는 나눔바른고딕을 적용시킨 모습이다.