Changing project default font


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?



@eshinkawa Did you resolve this?

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

I followed this :
but i couldnt.


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;