Usage for the fonts

_type.scss

// I have moved the fonts in a dedicated folder at the same level as css and img 
@font-face {
    font-family: 'LigatureSymbols';
    src: url(resource_url('fonts/LigatureSymbols-2.11.eot'));
    src: url(resource_url('fonts/LigatureSymbols-2.11.eot?#iefix')) format('embedded-opentype'),
         url(resource_url('fonts/LigatureSymbols-2.11.woff')) format('woff'),
         url(resource_url('fonts/LigatureSymbols-2.11.ttf')) format('truetype'),
         url(resource_url('fonts/LigatureSymbols-2.11.svg#LigatureSymbols')) format('svg');
    src: url(resource_url('fonts/LigatureSymbols-2.11.ttf')) format('truetype');
    font-weight: normal;
    font-style: normal;
}