Skip to main content

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 

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 

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. 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context="badoystudio.com.font.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 

Custom Font pada Android Studio Dengan Mudah - Badoy Studio
Membuat folder 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.

Custom Font pada Android Studio Dengan Mudah - Badoy Studio
membuat folder font

7. MainActivity.java 

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

package badoystudio.com.font;

import android.graphics.Typeface;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.TextView;

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. 

Custom Font pada Android Studio Dengan Mudah
Custom Font ketika di running pada Android Studio

 

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

Tulisan Menarik Lainnya :

Suka belajar dan mengajar teknologi komputer khususnya mobile development android