how to target an element using '@font-face' tag

Question

I'm trying to create a logo using a custom font... and want to embed it in my CSS

For example: my div element is id:"logo"

Would I just use this?

#logo {
    font-family: myNewFont;
    src: url('ufonts.com_gotham-medium.woff');
}

any help would be greatly appreciated.

Answer 1

You do like this

@font-face {
    font-family: myNewFont;
    src: url('ufonts.com_gotham-medium.woff');
}    
#logo {
    font-family: myNewFont;
}