Adding Local Fonts to Your Ionic 1 Sass App

Make fonts one less thing to download.

  • 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
  • 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\ .
  • 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;
One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.