gistfile1.txt

##
Lets say we have YoloFont.otf 

1. We add it to vendor/assets/fonts/ folder
2. Me personaly creates a file named fonts.css.scss in app/assets/stylesheets

In it I have 

@font-face{
    font-family: 'YoloFont';
    src: font-url("YoloFont.otf") unquote("format('opentype')");
    font-weight: normal;
    font-style: normal;
}

3. Mark the opentype it may vary to your font format
4. In your app/assets/stylesheets/application.css.scss

@import "fonts";
$my_yolo_font: 'YoloFont'; 

5. You can use it with

font-family: $my_yolo_font;