¿Cómo cambiar la fuente del título de la barra de herramientas en una aplicación de Android?

Google Fonts proporciona una amplia variedad de fuentes que se pueden usar para diseñar el texto en Android Studio . Las fuentes apropiadas no solo mejoran la interfaz de usuario, sino que también significan y enfatizan el propósito del texto. En este artículo, aprenderá cómo cambiar la familia de fuentes del título de la barra de herramientas en una aplicación de Android . En una aplicación de Android, el título de la barra de herramientas está preestablecido en la parte superior de la aplicación. A continuación se muestra una imagen de muestra que le muestra dónde está presente el título de la barra de herramientas.

Hay dos formas de cambiar la fuente del título de la barra de herramientas.

Método 1: agregando Child TextView en el archivo activity_main.xml 

En el método 1, simplemente vaya al archivo activity_main.xml y agregue un TextView en el widget de la barra de herramientas con el atributo de familia de fuentes. El código completo para el archivo activity_main.xml se proporciona a continuación.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
  
    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="#0F9D58">
  
        <TextView
            android:id="@+id/custom_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:fontFamily="sans-serif-smallcaps"
            android:text="GeeksForGeeks"
            android:textColor="#FFFFFF"
            android:textSize="20sp"
            android:textStyle="bold" />
  
    </androidx.appcompat.widget.Toolbar>
  
</RelativeLayout>

Interfaz de usuario de salida:

Método 2: configurando TextFont mediante programación

Primero, agregue un archivo de fuente en src/main/assets/fonts/ de su proyecto. Luego cree variables para la barra de herramientas y el título del texto y llame al método findViewById() . Cree un nuevo tipo de letra a partir de los datos de fuente especificados. Y por último setTypeface en el título del texto. A continuación se muestra el código completo del  archivo MainActivity.java/MainActivity.kt .  

import android.graphics.Typeface;
import android.os.Bundle;
import android.widget.TextView;
import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.Toolbar;
  
public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
  
        Toolbar toolbar = findViewById(R.id.toolbar);
  
        // Custom title
        TextView textCustomTitle = (TextView) findViewById(R.id.custom_title);
  
        // Custom font
        Typeface customFont = Typeface.createFromAsset(this.getAssets(), "fonts/sans-serif-smallcaps.ttf");
  
        // Set
        textCustomTitle.setTypeface(customFont);
  
        setSupportActionBar(toolbar);
    }
}

import android.graphics.Typeface
import android.os.Bundle
import android.widget.TextView
import androidx.appcompat.app.AppCompatActivity
import androidx.appcompat.widget.Toolbar
  
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
  
        val toolbar: Toolbar = findViewById(R.id.toolbar)
  
        // Custom title
        val textCustomTitle: TextView = findViewById(R.id.custom_title)
  
        // Custom font
        val customFont = Typeface.createFromAsset(this.assets, "fonts/sans-serif-smallcaps.ttf")
  
        // Set
        textCustomTitle.typeface = customFont
        setSupportActionBar(toolbar)
    }
}

El archivo   activity_main.xml correspondiente se proporciona a continuación.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
  
    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary">
  
        <TextView
            android:id="@+id/custom_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="GeeksForGeeks"
            android:textColor="#FFFFFF"
            android:textSize="20sp"
            android:textStyle="bold" />
  
    </androidx.appcompat.widget.Toolbar>
  
</RelativeLayout>

 
Interfaz de usuario de salida: