Using a .ttf address to link font

I want to use a specific font from an url. The address looks something like

So my understanding is that in css I’d have to write something like:

@import url('')
#blog-title a {
font-family: 'Excellent-font.ttf', sans-serif; 

How do I use such font in my blog?

Or perhaps it should look something like this?

@font-face {
    font-family: Excellent font;
    src: url('');
h1 {
    font-family: 'Excellent font';