Adding Local Fonts to Your Ionic 1 Sass App
Make fonts one less thing to download.
Published in
1 min readDec 7, 2016
- Grab the TTF file for the font you want to use.
- Upload it to the font face generator at everything fonts.
click red toggle
pick file
convert - Open the zip you downloaded and copy the fonts folder to
www\css\
. - Copy the css file to your scss folder and rename it to scss:
scss\KavoonRegular.scss
. - Edit
scss\ionic.app.scss
. - Import the the font file before the ionicons import.
@import ‘KavoonRegular.scss’;
$ionicons-font-path: “../lib/ionic/fonts” !default;
- Then add your font to elements like normal.
h1, h2, h3 {
font-family: ‘KavoonRegular’, sans-serif;
}