Skip to main content

How to set a custom font for the text in an EditText in Kotlin Android

How to set a custom font for the text in an EditText in Kotlin Android.

Here's a step-by-step tutorial on how to set a custom font for the text in an EditText in Kotlin Android:

Step 1: Add the custom font file to your project​

  • First, create a new folder called "assets" in the "app" directory of your project.
  • Inside the "assets" folder, create another folder called "fonts".
  • Copy the custom font file (in .ttf or .otf format) into the "fonts" folder.

Step 2: Create a new XML layout file for your activity​

  • Open the XML layout file for your activity (e.g., activity_main.xml).
  • Add an EditText element to the layout file.

Step 3: Define a style for the EditText​

  • Open the styles.xml file (located in the "res/values" folder).
  • Add a new style with a custom font attribute.
  • Inside the style, set the fontFamily attribute to the path of your custom font file.
<style name="CustomEditTextStyle">
    <item name="android:fontFamily">@font/custom_font</item>
</style>

Step 4: Apply the custom style to the EditText​

  • In the XML layout file, add the style attribute to the EditText element.
  • Set the style attribute to the name of the custom style you defined earlier.
<EditText
    android:id="@+id/editText"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    style="@style/CustomEditTextStyle" />

Step 5: Load the custom font programmatically​

  • Open the Kotlin file for your activity (e.g., MainActivity.kt).
  • Inside the onCreate() method, add the following code to load the custom font:
val editText = findViewById<EditText>(R.id.editText)
val customFont = Typeface.createFromAsset(assets, "fonts/custom_font.ttf")
editText.typeface = customFont

That's it! You have successfully set a custom font for the text in an EditText in Kotlin Android. Now, when you run your app, the text in the EditText will be displayed using the custom font.

Note: Make sure to replace "custom_font" with the actual filename of your custom font file.

Here's a summary of the steps:

  1. Add the custom font file to your project.
  2. Create a new XML layout file for your activity.
  3. Define a style for the EditText with a custom font attribute.
  4. Apply the custom style to the EditText in the XML layout file.
  5. Load the custom font programmatically in the activity file.

I hope this tutorial helps you achieve your desired customization in your Android app!