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.

Android Compose - Set Font Family for Text

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

</>
Copy
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

</>
Copy
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

Android Compose - Set Font Family for Text

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.

MyApplication.zip

Monospace Font family for Text

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

Code for Button

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

Screenshot

Android Compose - Monospace Font family for Text

Default Font family for Text

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

Code for Button

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

Screenshot

Android Compose - Set Font Family for Text

Conclusion

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