Changing project default font


#1

Simple question,

I have a new TTF file which I want it to be the new default font. What is the better way to do, considering best practices?

Thanks


#2

@eshinkawa Did you resolve this?

I am trying to do the same but couldn’t.

I followed this : http://emiliote.tumblr.com/post/114055106397/in-the-wild-with-ionic-and-custom-fonts
but i couldnt.


#3

I’ve done so in my project. I’ve used Lato. To do so, do the following:

Step 1 : Place your TTF file is some directory under www. For example: www/fonts/Lato-Light.ttf

Step 2 : Open up your style.css file and paste the following:

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Light.ttf')  format('truetype');
}

Step 3 : Apply it on any element that you want as follows:

body {
    font-family: 'Lato', sans-serif; 
}

#4

See: http://robferguson.org/2015/07/07/customising-ionic-with-sass/