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
4. Copy file ke folder assets di projek Ionic kita
1. Mula mula sekali kita perlu pergi ke URL https://google-webfonts-helper.herokuapp.com
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
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.
Ulasan