How to import custom font on Ionic 3. Custom Font di Ionic 3

Hai assalamualaikum kepada pembaca yang melawat blog ni. Untuk post kali ini Lee akan tunjukkan cara untuk set custom font di Ionic 3 dengan betul.


1.     Mula mula sekali kita perlu pergi ke URL https://google-webfonts-helper.herokuapp.com


2.     Seterusnya cari font yang kita nak guna. Sebagai contoh, Lee guna font Nunito


3.     Akan terpapar paparan seperti di bawah. Kita perlu melakukan sedikit aturan (settings) sebelum download font.

          i - Pilih charset


          ii - Pilih style font-size



          iii - Copy css yang telah di sediakan



          iv - Kita dah boleh download font tu



4.     Copy file ke folder assets di projek Ionic kita


5.     Selepas kita copy file tersebut, kita perlu import font di app.scss di dalam src. Code yang kita copy tadi tu… kita boleh paste dekat dalam app.scss


6.      Ok dah siap. Korang dah boleh buat ionic serve dan ionic cordova build android seperti biasa.



Sekian terima kasih.

Ulasan

Nurah Lee berkata…
Semoga bermanfaat geng :-)

Catatan popular daripada blog ini

SISTEM PENGOPERASIAN KOMPUTER (OS)

JENIS-JENIS SISTEM PENGOPERASIAN KOMPUTER

APA ITU ASCII (AMERICAN STANDARD CODE FOR INFORMATION INTERCHANGE) ?