Adding custom font css help

Hi, I need help with css. 

I want to change the font on my profile with a custom .ttf file that I host on my own site
I put this in the style in the about me section and even changed the   --font-family accordingly

@font-face {

    font-family: 'font'; /*a name to be used later*/

    src: url('example.com/font.ttf'); /*URL to font*/

}

Sorry about the short post and poor explanaition