Custom Font pada Android Studio Dengan Mudah

Kali ini kita akan belajar Custom Font pada Android Studio dengan mudah. Android SDK telah menyediakan beberapa font yaitu sans, serif, dan lainnya.

Namun kadang kita kurang menyukai  font yang sudah tersedia dan ingin membuat tulisan pada aplikasi menjadi lebih menarik. Itu artinya kita harus melakukan custom font pada aplikasi android. 

Mengimplementasikan custom font pada android studio sangat mudah. Langsung saja kita praktekan bagaimana menggunakan custom font. Langkah-langkahnya sebagai berikut : 

1. Download Font Gratis/ Berbayar dari Internet

Siapkan font yang nantinya akan digunakan diaplikasi android dengan cara mendownloadnya dari internet. Dalam tutorial ini saya mendownload font  Knight Brush Demo.otf dan Studio Gothic dari 1001 font .

2. Buat Project Baru di Android Studio 

Buat project baru pada android studio beri nama project font (sesuaikan) kemudian atur minimun sdk, layout atau lainnya sampai dengan workspace android studio tampil. 

3. Atur Activity_main.xml 

Pada Activity_main.xml tambahkan teks sesuai dengan properti yang kita inginkan menggunakan widget TextView. Adapun kode-kode yang saya gunakan yaitu :

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="20dp"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textAlignment="center"
        android:textSize="55sp"
        android:textColor="@color/colorAccent"
        android:text="Badoy Studio "
        android:id="@+id/font"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="45dp" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textAlignment="center"
        android:textSize="35sp"
        android:textColor="@color/colorAccent"
        android:text="Selamat Belajar Membuat Aplikasi Android Menggunakan Android Studio "
        android:id="@+id/font2"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="45dp" />


</LinearLayout>

4. Buat Folder Assets

Klik project > app > src > main (klik kanan pada folder main) > New > Directory > beri nama assets 

5. Buat Folder Font 

Klik kanan pada folder assets yang sudah dibuat > New > Directory > beri nama font . Untuk langkahnya seperti pada point 4. 

6. Copykan Font 

Setelah folder assets dan font dibuat copykan font yang sudah didownload dari internet kedalam folder font dengan cara klik kanan paste.

Sangat di Rekomendasikan : Modul Android Studio Keren dan Lengkap Yang Wajib Kamu Punya 

7. MainActivity.java 

Buka MainActivity.java lalu lengkapi dengan kode-kode berikut ini : 

package badoystudio.com.font;

import android.graphics.Typeface;
import android.os.Bundle;
import android.widget.TextView;

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

    TextView teks, teks2;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        teks=(TextView)findViewById(R.id.font);
        teks2=(TextView)findViewById(R.id.font2);
        Typeface customfont=Typeface.createFromAsset(getAssets(),"font/Knight Brush Demo.otf");
        teks.setTypeface(customfont);
        Typeface customfont2=Typeface.createFromAsset(getAssets(),"font/StudioGothicAlternate-ExtraLigh Trial.ttf");
        teks2.setTypeface(customfont2);
    }
}

Pada tampilan preview memang tidak akan terlihat perubahan font yang sudah di custom. Kita bisa melihatnya ketika aplikasi sudah di running. Maka silahkan running aplikasi dan lihat hasilnya. 

So, cukup mudah bukan untuk  custom font pada android stuido. selamat mencoba dan jangan lupa share 😀