【Android】Jetpack Composeでのフォント変更【Kotlin】

準備

まずは使用したいフォントをダウンロードします。

ダウンロードしたフォントをAndroidStudio内で使えるように resファイルにfontファイルを作っておきます。

この記事の下方にある参考資料のようにフォントをフォイルごとドラック&ドロップで取り込み、JetpackCompose内のTextに使用したところ
フォントを設定した文字の太さをfontWeightで設定していてもフォントが一番細いままで表示されてしまいました。

なのでフォントサイズ毎に取り込んで使ってみたところうまくいきました。

実践

FontMontserrat.kt

object FontMontserrat {
    val fontMontserratMedium = FontFamily(Font(resId = R.font.montserrat_medium)) // W500
    val fontMontserratSemiBold = FontFamily(Font(resId = R.font.montserrat_semibold)) // W600
    val fontMontserratBold = FontFamily(Font(resId = R.font.montserrat_bold)) // W700
    val fontMontserratBlack = FontFamily(Font(resId = R.font.montserrat_black)) // W900
}

Screen.kt

    Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(start = 10.dp)
    ) {
        Text(
            modifier = Modifier.padding(top = 20.dp),
            text = "fontMontserratMedium",
            fontSize = 30.sp,
            fontFamily = FontMontserrat.fontMontserratMedium
        )
        Text(
            modifier = Modifier.padding(top = 20.dp),
            text = "fontMontserratSemiBold",
            fontSize = 30.sp,
            fontFamily = FontMontserrat.fontMontserratSemiBold
        )
        Text(
            modifier = Modifier.padding(top = 20.dp),
            text = "fontMontserratBold",
            fontSize = 30.sp,
            fontFamily = FontMontserrat.fontMontserratBold
        )
        Text(
            modifier = Modifier.padding(top = 20.dp),
            text = "fontMontserratBlack",
            fontSize = 30.sp,
            fontFamily = FontMontserrat.fontMontserratBlack
        )
    }

参考