Font (gaya teks) adalah desain grafis yang diterapkan tampilan dalam bentuk angka, simbol, dan karakter. Font menentukan kualitas seperti huruf, ukuran, spasi, dan pitch. Font yang digunakan untuk mencetak teks di berbagai perangkat output dan menampilkan teks di layar. Font mempunyai style font seperti cetak miring, cetak tebal, dan cetak miring tebal.
Font eksternal disini bermaksud anda mengatur atau melakukan custom gaya teks yang tidak ada di dalam bawaan Thunkable. Jadi, anda harus mengambil font-font tersebut dari situs luar seperti dafont.com. Kemudian, anda unduh (download) ke dalam komputer / laptop. Setelah itu, anda lakukan impor font tersebut dari hasil download tadi ke dalam Thunkable yang akan disimpan di Media Asset.
Anda pasti ingin membuat aplikasi Android buatan anda menjadi menarik bagi pengguna smartphone Android, terutama aplikasi-aplikasi yang bertema desain grafis atau pendidikan (edukasi). Aplikasi tersebut memang harus menggunakan jenis font lain untuk mengubah tampilan teks pada tampilan antarmuka (interface) pada aplikasi tersebut.
Disini, saya akan berikan tutorial custom gaya teks dengan Font Ekstenal di Thunkable.
1. Aktifkan web browser di komputer atau laptop anda.
2. Ketikkan thunkable.com pada address bar. Tunggu sampai halaman utama muncul.
3. Setelah itu, anda diminta login untuk memasuki akses project Thunkable. Klik Sign In. Ini melakukan login melalui Gmail Oauth dengan mengisi akun gmail anda. Tunggu beberapa saat sampai redirect ke homepage. Lihat gambar di bawah ini.
 |
| Tampilan Dashboard pada Thunkable |
4. Klik Create New App untuk membuat project baru. Kemudian, nama judul project sesuai dengan keinginan anda. Misalkan, nama judul project adalah "customfont1". Klik OK.
 |
| Tampilan Pembuatan Project App |
5. Klik button Upload File yang terdapat di bagian
Media untuk mengisi berkas file font yang akan dipakai dalam pembuatan aplikasi Android.
 |
| Tampilan Dashboard Designer View |
6. Klik button Select File... pada tampilan pop-up Upload File.
 |
| Tampilan Penampungan File Font. |
7. Pilihlah berkas file font yang mendukung (.ttf, otf, atau rtf) yang anda ingin melakukan unggah (upload). Klik
Open.
 |
| Tampilan Pemilihan File Font. |
8. Apabila nama berkas file font telah ditampilkan di tampilan pop-up yang tadi, klik OK.
 |
| Tampilan Setelah Memilih File Font. |
9. Masuki bagian Pallete, carilah widget Label untuk memasukkan link situs website tadi. Klik tahan pada Label lalu tarik ke layar Screen.
 |
| Tampilan Pembuatan Label di Designer View. |
10. Silahkan scrolling ke bawah sampai ketemu opsi
Font Typeface Import (.ttf) yang terdapat di pengaturan
Properties untuk custom gaya teks pada Label. Pilihlah file font yang telah anda upload tadi. Klik
OK.
 |
| Tampilan Setelah Memilih Font Typeface untuk Label. |
11. Masuki bagian Pallete, carilah widget Button untuk memasukkan link situs website tadi. Klik tahan pada Button lalu tarik ke layar Screen.
 |
| Tampilan Pembuatan Button di Designer View. |
12. Silahkan scrolling ke bawah sampai ketemu opsi
Font Typeface Import (.ttf) yang terdapat di pengaturan
Properties untuk memilih
custom gaya teks pada Button. Pilihlah file font yang telah anda upload tadi. Klik
OK.
 |
| Tampilan Setelah Memilih Font Typeface untuk Button. |
13. Klik
Export >>> App (save .apk to my computer) untuk mengkonversi ke aplikasi Android siap pakai (.apk) dan menyimpan ke dalam komputer. Tunggu beberapa waktu sampai aplikasi tersebut berhasil tersimpan di dalam komputer.
14. Aktifkan software emulator Android yang ada di dalam komputer atau laptop anda. Tunggu beberapa saat sampai muncul tampilan dashboard emulator tadi.
15. Klik ikon Instal APK / APP tergantung dari nama emulator Android tersebut.
16. Pilihlah file aplikasi (.apk) website mobile yang anda unduh (download) tadi. Klik Open, tunggu beberapa saat sampai terinstal dan buka aplikasi tersebut di dalam emulator Android.
 |
| Tampilan Hasil Custom Font Eksternal. |
Catatan :Tidak hanya widget Label dan Button saja yang bisa diatur gaya teks (font), beberapa widget lainnya juga bisa melakukan custom font kok. :D
Baca juga :
Sekian dari posting ini... Terima kasih...
0 Komentar untuk "Cara Custom Gaya Teks dengan Font Eksternal di Thunkable"