Android - Cara menggunakan kustom font

Berikut adalah contoh untuk menggunakan font dan menangani CustomFont. Untuk bereksperimen dengan contoh ini, Anda dapat menjalankannya di perangkat nyata atau emulator Di Android, Anda dapat mengatur font string khusus Anda sendiri di aplikasi. Cukup unduh font yang diperlukan dari web dan letakkan di folder src/main/assets/font.
Setelah font ditempatkan di folder resource folder font, font dapat diakses dalam kode Java melalui kelas Typeface.

Tambahkan TextView ke dalam file activity_main.xml Berikut ini adalah konten yang dimodifikasi dari xml.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_height="match_parent"
	android:layout_width="match_parent"
	android:orientation="vertical"
	android:gravity="center">

	<TextView
		android:layout_height="wrap_content"
		android:layout_width="wrap_content"
		android:text="Normal Teks"
		android:gravity="center"
		android:textStyle="bold"
		android:textSize="25sp"
		android:textColor="#FF000000"/>

	<TextView
		android:layout_height="wrap_content"
		android:layout_width="wrap_content"
		android:text="Moltres Teks"
		android:gravity="center"
		android:textStyle="bold"
		android:textSize="23sp"
		android:textColor="#FF000000"
		android:layout_marginBottom="15dp"
		android:layout_marginTop="15dp"
		android:id="@+id/moltres"/>

	<TextView
		android:layout_height="wrap_content"
		android:layout_width="wrap_content"
		android:text="Mr Queen Teks"
		android:gravity="center"
		android:textStyle="bold"
		android:textSize="23sp"
		android:textColor="#FF000000"
		android:id="@+id/mrqueen"/>

	<TextView
		android:layout_height="wrap_content"
		android:layout_width="wrap_content"
		android:text="Pencake Teks"
		android:gravity="center"
		android:textStyle="bold"
		android:textSize="23sp"
		android:textColor="#FF000000"
		android:layout_marginBottom="15dp"
		android:layout_marginTop="15dp"
		android:id="@+id/pencake"/>

	<TextView
		android:layout_height="wrap_content"
		android:layout_width="wrap_content"
		android:text="Sriracha Teks"
		android:gravity="center"
		android:textStyle="bold"
		android:textSize="23sp"
		android:textColor="#FF000000"
		android:layout_marginBottom="15dp"
		android:id="@+id/sriraca"/>

	<TextView
		android:layout_height="wrap_content"
		android:layout_width="wrap_content"
		android:text="Valentine Teks"
		android:gravity="center"
		android:textStyle="bold"
		android:textSize="23sp"
		android:textColor="#FF000000"
		android:id="@+id/valentine"/>

</LinearLayout>

Pertama , dapatkan referensi tampilan TextView dalam kode, seperti di bawah ini:

TextView moltres = (TextView) findViewById(R.id.moltres);
TextView mrqueen = (TextView) findViewById(R.id.mrqueen);
TextView pencake = (TextView) findViewById(R.id.pencake);
TextView sriracha = (TextView) findViewById(R.id.sriraca);
TextView valentine = (TextView) findViewById(R.id.valentine);

Selanjutnya, Anda perlu memanggil metode statis dari kelas Typeface createFromAsset() untuk mendapatkan font khusus dari aset. Sintaks nya seperti di bawah ini:

Typeface moltres_text = Typeface.createFromAsset(getAssets(), "fonts/moltres.otf");
Typeface mrqueen_text = Typeface.createFromAsset(getAssets(), "fonts/mrqueen.otf");
Typeface pencake_text = Typeface.createFromAsset(getAssets(), "fonts/pencake.otf");
Typeface sriracha_text = Typeface.createFromAsset(getAssets(), "fonts/sriracha_reg.ttf");
Typeface valentine_text = Typeface.createFromAsset(getAssets(), "fonts/valentine.ttf");

Hal terakhir yang perlu Anda lakukan adalah menyetel objek font khusus ini ke properti TypeFace TextView Anda. Untuk melakukan ini, Anda perlu memanggil metode setTypeface(). Sintaks nya seperti di bawah ini:

moltres.setTypeface(moltres_text);
mrqueen.setTypeface(mrqueen_text);
pencake.setTypeface(pencake_text);
sriracha.setTypeface(sriracha_text);
valentine.setTypeface(valentine_text);

Berikut ini adalah konten file aktivitas utama yang dimodifikasi MainActivity.java.

package com.happycodx.app;
 
import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;
import android.graphics.Typeface;

public class MainActivity extends Activity { 
     
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
		TextView moltres = (TextView) findViewById(R.id.moltres);
		TextView mrqueen = (TextView) findViewById(R.id.mrqueen);
		TextView pencake = (TextView) findViewById(R.id.pencake);
		TextView sriracha = (TextView) findViewById(R.id.sriraca);
		TextView valentine = (TextView) findViewById(R.id.valentine);

		Typeface moltres_text = Typeface.createFromAsset(getAssets(), "fonts/moltres.otf");
		Typeface mrqueen_text = Typeface.createFromAsset(getAssets(), "fonts/mrqueen.otf");
		Typeface pencake_text = Typeface.createFromAsset(getAssets(), "fonts/pencake.otf");
		Typeface sriracha_text = Typeface.createFromAsset(getAssets(), "fonts/sriracha_reg.ttf");
		Typeface valentine_text = Typeface.createFromAsset(getAssets(), "fonts/valentine.ttf");
		
		moltres.setTypeface(moltres_text);
		mrqueen.setTypeface(mrqueen_text);
		pencake.setTypeface(pencake_text);
		sriracha.setTypeface(sriracha_text);
		valentine.setTypeface(valentine_text);
    }
	
} 

Mari kita coba jalankan aplikasi Custom Font yang baru saja kita modifikasi dan hasil nya akan seperti ini:

Baca Juga