Using a .ttf address to link font

I want to use a specific font from an url. The address looks something like https://website.com/content/uploads/2012/10/Excellent-font.ttf.

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

@import url('https://website.com/content/uploads/2012/10/Excellent-font.ttf')
#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('https://website.com/content/uploads/2012/10/Excellent-font.ttf');
}
h1 {
    font-family: 'Excellent font';
}