Downloadable and Preloaded Fonts on Android

Downloadable and Preloaded Fonts on Android

앱을 독특하게 보이고 느끼게 만드는 중요한 부분 중 하나는 훌륭한 폰트를 사용하는 것입니다.

 

안드로이드 기본 폰트는 Roboto인데, 사용자의 폰트가 아닌 Roboto를 보게 하고 싶은 개발자들을 위해

Google은 Google Fonts 저장소를 만들어 폰트를 사용할 수 있도록 허용했습니다.

이는 개발자들이 폰트를 훨씬 쉽게 적용할 수 있도록 해주었고, 이를 Downloadable Fonts라고 합니다.

 

추후 Google은 Preloaded Fonts를 소개하여 앱이 실행될 때가 아닌 설치될 때 폰트가 다운로드될 수 있도록 했습니다.

 

Downloadable Fonts를 추가하는 방법은 두 가지가 있고, 폰트를 Preload 하려면 한 단계를 더 거쳐야 합니다.

 

Downloadable Fonts 추가하는 법

(New UI 기준)

Resource Manager

좌측 툴바에 폴더 아이콘 밑 Resource Manager를 클릭 → 우측 끝 점 3개를 눌러 더보기 → Font 선택

 

More Fonts

플러스 아이콘을 클릭 → More Fonts...를 선택

 

Downloadable Fonts

Downloadable Fonts가 나옵니다.!

 

마음에 드는 폰트를 찾아서 OK를 누르면,,,,,,,

 

font 디렉토리에는 폰트 파일이 생성되고,

values에는 font_certs.xml과 preloaded_fonts.xml이 생성됩니다.!

 

font_certs.xml은 폰트 다운로드에 필요한 인증서를 제공하고, preloaded_fonts.xml은 다음 섹션에서 다룰 것입니다.

 

Downloadable Fonts를 Preload하기

value 디렉터리의 "preloaded_fonts.xml" 파일은 폰트를 사전로드하는 데 사용되는 핵심입니다.

이 파일은 Google Play에서 앱이 설치될 때 안드로이드가 사전로드할 폰트 리소스 목록을 정의합니다.

또한 시스템은 이미 시스템에 없는 폰트만 다운로드하여 이 프로세스를 최적화합니다.

즉, 폰트가 이미 시스템에 있는 경우 앱의 크기가 더 작아집니다.

 

이는 폰트가 앱과 함께 번들로 제공하는 것보다 사용자 경험이 향상됩니다.

첫 로드에서 폰트가 로드되는 동안 깨진 폰트 렌더링이 없으며 사용자에게는 더 작은 앱 크기가 제공됩니다!

 

Jetpack Compose에서 Downloadable Fonts 추가하기

Jetpack Compose에서는 androidx.compose.ui.text 패키지의 GoogleFont 클래스를 사용하여 다운로드 가능한 폰트를 요청하는 또 다른 방법이 있습니다. 이를 통해 Jetpack Compose에서 보다 편리한 폰트 로드 흐름을 구현할 수 있습니다.

 

먼저 "build.gradle" 파일에 androidx.compose.ui:ui-text-google-fonts 패키지를 추가하여 Google 폰트 클래스를 추가합니다. 그런 다음 Google 폰트 제공자를 생성하여 권한, 패키지 및 인증서를 설정합니다. "font_certs.xml" 파일은 Resource Manager를 사용하여 폰트를 추가하는 방법이나 Android 설명서에서 링크된 파일을 찾을 수 있습니다. 다음으로 GoogleFont 클래스를 사용하여 폰트를 정의합니다.

 

마지막으로 FontFamily를 정의하고 이전 단계에서 생성된 값들을 전달합니다. 이것이 코드에서 모두 어떻게 보이는지 확인해 보세요.

    val provider = GoogleFont.Provider(
        providerAuthority = "com.google.android.gms.fonts",
        proiderPackage = "com.google.android.gms",
        certificates = R.array.com_google_android_gms_fonts_certs,
    )

    val roboto = GoogleFont("Roboto")

    val robotoFontFamily = FontFamily(
        Font(
            googleFont = roboto,
            fontProvider = provider,
        ),
    )

    val robotoTextStyle = TextStyle(
        fontFamily = robotoFontFamily,
    )

 

그러나 이 방법은 코드로 모든 작업을 수행하기 때문에 폰트를 Preload 할 수 없습니다..

따라서 폰트를 Preload 해야 하는 경우 Resource Manager를 사용하여 폰트를 추가하는 방법이 필요하거나,

폰트 XML 및 "preloaded_fonts.xml" 파일을 수동으로 추가해야 합니다.

 

 

결론

Downloadable Fonts와 Preloaded Fonts는 번들된 폰트보다 더 나은 경험을 제공하면서 사용자에게 일관된 경험을 제공합니다.

Google Fonts를 통해 사용할 수 없는 폰트가 필요하고 번들로 제공해야 하는 경우를 제외하고는

Downloadable Fonts와 Preloaded Fonts를 사용하는 것도 좋은 방법 중 하나가 될 것 같습니다!😄

 

Reference

https://dladukedev.com/articles/031_preload_typeface_compose/

Downloadable and Preloaded Fonts on Android