23 Mar

Memakai Custom Font pada TextView Android

Untuk menggunakan CustomFont di dalam TextView dibutuhkan trik khusus. Karena secara default, TextView hanya bisa menggunakan jenis Font yang sudah ada di dalam sistem Android.

Custom Font artinya kita menggunakan font pilihan kita sendiri berupa font dengan format TTF. Berikut langkah-langkahnya:

1.  Buat project Android baru (standard).

2. Buka res/layout/activity_main.xml tambahkan 2 komponen TextView menjadi seperti ini:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <TextView
        android:id="@+id/DefaultFontText"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:textSize="30sp"
        android:text="Ini dengan font biasa" />
    <TextView
        android:id="@+id/CustomFontText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="30sp"
        android:text="Ini dengan Custom Font">
        </TextView>
</LinearLayout>

3. Cari font yang disukai. Bisa dari google font atau dari website lain. Yang penting formatnya .TTF

4. Copy font tersebut ke assets/fonts/. kalau di dalam folder assets belum ada folder fonts, maka bisa dibuat dengan klik kanan assets > new > directory. Contohnya saya memasukkan font FontKeren.TTF

5. Buka Main.java (Main Activity Default) dan edit kode programnya  menjadi sbb:

public class Main extends Activity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
 
        Typeface tf = Typeface.createFromAsset(getAssets(),"fonts/FontKeren.TTF");
        TextView tv = (TextView) findViewById(R.id.CustomFontText);
        tv.setTypeface(tf);
    }
}

6. Kemudian jalankan program dan lihat hasilnya :)

 

Kesimpulan

Untuk mengeset font custom ke dalam TextView kita bisa menggunakan cara melakukan load TypeFace dari folder assets. Kemudian kita dari komponen textview kita panggil setTypeface untuk mengeset font yang diinginkan.