Adding Local Fonts to Your Ionic 1 Sass App

• 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;
}