My @font-face not working at all

Question

I'm using a separate stylesheet to load my @font-family, but when I test locally it's not working.

font-face {
    font-family: HelvNeueBold;
    src: url(HelvNeueBold.otf);
}

The otf files are in the same folder my stylesheet is stored:

<link href='css/lpfonts.css' rel="stylesheet" >

Any ideas why it would be failing?

Thanks

Answer 1

Try this:

@font-face {
    font-family: 'Helvetica Neue Bold';
    src: url('HelvNeueBold.otf');
}