Using a .ttf address to link font

Help Customization
1

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?

2

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';
}
4

Hey @vega, I believe your first example was the closest. You’ll want to use the @import statement, then include the actual font name in the font-family property. So something like this:

@import url('https://website.com/content/uploads/2012/10/Excellent-font.ttf');

#blog-title a {
  font-family: 'Excellent font', sans-serif; 
}

Note that any font family with a space in the name should have single quotes (') around it.