Cara Membuat Custom Font Pada Aplikasi Android

Published by farizdotid on November 9, 2018

Notice: A non well formed numeric value encountered in /home/farizdot/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/farizdot/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /home/farizdot/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/farizdot/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /home/farizdot/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/farizdot/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /home/farizdot/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/farizdot/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Cara Membuat Custom Font Pada Aplikasi Android – Tutorial pemrograman android kali ini mengenai bagaimana cara membuat custom font pada aplikasi android kamu. Banyak berbagai cara untuk membuat custom font ini, salah satu caranya adalah membuat resource font lalu memasukan file font-font yang kita butuhkan. Cara ini sangat sederhana dan mungkin kalian sudah mengetahuinya, tapi mungkin cara saya membuat custom font ini beda dengan kamu.

Sebelum memulai cara membuat custom font pada aplikasi android, kamu harus mempersiapkan bahan-bahannya terlebih dahulu. Bahan – bahan disini maksudnya adalah font-fontnya. Untuk mencari fontnya saya merekomendasikan untuk download dari situs fonts.google.com karena selain dari google, font – font yang disediakan di situs fonts.google.com ini bebas dipergunakan.

cara membuat custom font android

Font – font yang saya gunakan adalah :

Untuk memulai cara membuat custom font pada aplikasi android, bisa dengan project baru ataupun melanjutkan project yang sudah saya pernah buat. Kalian bisa lihat di Repo Github Farizdotid, isinya adalah kumpulan-kumpulan case sederhana.

Daftar Isi hide

7 Download Cara Membuat Custom Font Pada Aplikasi Android

Pertama,

Buat activity dengan nama CustomFontActivity.

Kedua,

Buat resource folder font. Caranya dengan klik kanan pada app → New → Folder → Font Resources Folder.

Cara Membuat Custom Font Pada Aplikasi Android

Ketiga,

Jika sudah membuat folder fontnya silahkan copy – paste font-font yang sudah kita download di awal.

Cara Membuat Custom Font Pada Aplikasi Android

Jika sudah semua font berada didalam folder font maka sekarang rename font tersebut dengan format lower case dan ganti symbol “-” dengan “_”.

Cara Membuat Custom Font Pada Aplikasi Android

Keempat,

Buka activity_custom_font.xml lalu isi dengan 5 komponen textview dengan masing-masing textview berbeda fontnya. Untuk kodenya seperti ini :

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="16dp"
    tools:context=".customfont.CustomFontActivity">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="24sp"
        android:text="@string/app_name"
        android:fontFamily="@font/abel_regular"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:textSize="24sp"
        android:text="@string/app_name"
        android:fontFamily="@font/anton_regular"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:textSize="24sp"
        android:text="@string/app_name"
        android:fontFamily="@font/karla_regular"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:textSize="24sp"
        android:text="@string/app_name"
        android:fontFamily="@font/lobster_regular"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:textSize="24sp"
        android:text="@string/app_name"
        android:fontFamily="@font/notosanskr_regular"/>
</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

android:padding="16dp"

tools:context=".customfont.CustomFontActivity">

<TextView

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:textSize="24sp"

android:text="@string/app_name"

android:fontFamily="@font/abel_regular"/>

<TextView

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_marginTop="16dp"

android:textSize="24sp"

android:text="@string/app_name"

android:fontFamily="@font/anton_regular"/>

<TextView

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_marginTop="16dp"

android:textSize="24sp"

android:text="@string/app_name"

android:fontFamily="@font/karla_regular"/>

<TextView

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_marginTop="16dp"

android:textSize="24sp"

android:text="@string/app_name"

android:fontFamily="@font/lobster_regular"/>

<TextView

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_marginTop="16dp"

android:textSize="24sp"

android:text="@string/app_name"

android:fontFamily="@font/notosanskr_regular"/>

</LinearLayout>

Kelima,

Buka CustomFontActivity.java lalu didalam method onCreate isi dengan fungsi untuk meng-init title di toolbar dan memunculkan icon back pada activity tersebut.

Objects.requireNonNull(getSupportActionBar()).setDisplayHomeAsUpEnabled(true);
getSupportActionBar().setTitle(getString(R.string.title_custom_font));

1 2	Objects.requireNonNull(getSupportActionBar()).setDisplayHomeAsUpEnabled(true); getSupportActionBar().setTitle(getString(R.string.title_custom_font));

Lalu tambahkan ovveride method onSupportNavigateUp dan onBackPressed

 @Override
    public boolean onSupportNavigateUp() {
        onBackPressed();
        return true;
    }

    @Override
    public void onBackPressed() {
        super.onBackPressed();
    }

@Override

public boolean onSupportNavigateUp() {

onBackPressed();

return true;

}

@Override

public void onBackPressed() {

super.onBackPressed();

}

Catatan :

onSupportNavigateUp() ini adalah method untuk memunculkan icon arrow back pada toolbar.

onBackPressed() ini utuk memanggil fungsi kembali ( back ).

Untuk full kode yang ada didalam class CustomFontActivity adalah sebagai berikut :

public class CustomFontActivity extends AppCompatActivity {

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

        Objects.requireNonNull(getSupportActionBar()).setDisplayHomeAsUpEnabled(true);
        getSupportActionBar().setTitle(getString(R.string.title_custom_font));

    }

    @Override
    public boolean onSupportNavigateUp() {
        onBackPressed();
        return true;
    }

    @Override
    public void onBackPressed() {
        super.onBackPressed();
    }
}

public class CustomFontActivity extends AppCompatActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_custom_font);

Objects.requireNonNull(getSupportActionBar()).setDisplayHomeAsUpEnabled(true);

getSupportActionBar().setTitle(getString(R.string.title_custom_font));

}

@Override

public boolean onSupportNavigateUp() {

onBackPressed();

return true;

}

@Override

public void onBackPressed() {

super.onBackPressed();

}

Keenam,

Silahkan jalankan aplikasi kamu.

Download Cara Membuat Custom Font Pada Aplikasi Android

Baca tutorial pemrograman android lainnya :

Sekian artikel tutorial pemrograman android bahasa Indonesia mengenai Cara Membuat Custom Font Pada Aplikasi Android. Semoga bermanfaat.

Cara Membuat Custom Font Pada Aplikasi Android

Pertama,

Kedua,

Ketiga,

Keempat,

Kelima,

Keenam,

Download Cara Membuat Custom Font Pada Aplikasi Android

1 Comment

Cara Membuat Text Bold, Italic, Underline di strings.xml · August 26, 2019 at 2:00 pm

Leave a Reply Cancel reply

Kursus

Belajar Membuat Aplikasi Android dengan Android Studio

Pemrograman Android

Cara Membuat Aplikasi Scan QR Code Android

Pemrograman Android

Cara Membuat Text Bold, Italic, Underline di strings.xml

Cara Membuat Custom Font Pada Aplikasi Android

Pertama,

Kedua,

Ketiga,

Keempat,

Kelima,

Keenam,

Download Cara Membuat Custom Font Pada Aplikasi Android

1 Comment

Cara Membuat Text Bold, Italic, Underline di strings.xml · August 26, 2019 at 2:00 pm

Leave a Reply Cancel reply

Related Posts

Kursus

Belajar Membuat Aplikasi Android dengan Android Studio

Pemrograman Android

Cara Membuat Aplikasi Scan QR Code Android

Pemrograman Android

Cara Membuat Text Bold, Italic, Underline di strings.xml