Chrome not picking up @font-face OTF

Question

My site here won't pick up 'proxima nova' otf in Chrome and can't understand why.. Here's the CSS:

@font-face {
    font-family:'Proxima Nova';
    src: url("/Fonts/ProximaNova-Regular.otf") format('opentype');
}

Any ideas much appreciated.

Answer 1

Just encountered the same problem, you don't need to specify format for otf fonts, just remove the last part of the src attribute:

@font-face {
    font-family:'Proxima Nova';
    src: url("/Fonts/ProximaNova-Regular.otf");
}

This comment helped me to sort this problem out:

https://github.com/facebook/create-react-app/issues/2609#issuecomment-311231425