The following syntax is how you use @font-face. First, you define the new font by providing it a name and stating where the font can be found.
@font-face {
font-family: DeliciousRoman;
src: url('https://www.font-face.com/fonts/delicious/Delicious-Roman.otf');
}
And then you refenence it.
p {
font-family: DeliciousRoman, Helvetica, Arial, sans-serif;
}
that's it.