Android Compose – Text Font Family

Android Compose – Set Font Family for Text

In this tutorial, we will learn how to set the font family for Text composable in Android Compose.

To set font family for Text composable in Android Jetpack Compose, use fontFamily parameter of Text. Assign required FontFamily object to the fontFamily parameter.

Text("Hello World",
    fontFamily = FontFamily.Cursive)

Example

In this example, we have UI with a Text composable. We set its font family to FontFamily.Cursive.

Create a Project in Android Studio with empty compose activity template, and modify MainActivity.kt file as shown in the following.

MainActivity.kt

package com.example.myapplication

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.*
import androidx.compose.material.Text
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.text.font.FontFamily
import androidx.compose.ui.unit.dp
import com.example.myapplication.ui.theme.MyApplicationTheme

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MyApplicationTheme {
                Column(
                    horizontalAlignment = Alignment.CenterHorizontally,
                    modifier = Modifier
                        .padding(20.dp)
                        .fillMaxWidth()) {
                        Text("Hello World! Welcome to TutorialKart!",
                            fontFamily = FontFamily.Cursive)

                }
            }
        }
    }
}

Screenshot

Project Download

The complete Android Studio Project in the above example is available for download at the following link. Download the ZIP file, uncompress it, and open with Android Studio.

Monospace Font family for Text

Now, let us change the font family of Text to FontFamily.Monospace.

Code for Button

Text("Hello World! Welcome to TutorialKart!",
    fontFamily = FontFamily.Monospace)

Screenshot

Default Font family for Text

Now, let us change the font family of Text to the default value of FontFamily.Default.

Code for Button

Text("Hello World! Welcome to TutorialKart!",
    fontFamily = FontFamily.Default)

Screenshot

Conclusion

In this Android Jetpack Compose Tutorial, we learned how to set font family for text in a Text composable.