Step1: Download the font style and add it in the resource 
       folder inside the data tab.
Step2: Add the following media query in the css window:
    @font-face {    
    font-family: 'Bree Serif'; //Any font name you like
    src: url('/MSP_Home/BreeSerif-Regular.ttf');
    font-weight: normal; //optional    
    font-style: normal;  //optional
}
Step3: Use the font style in any css class that you have created by just 
       mentioning the name of your font in the font-family tag.