Custom fonts not being loaded in CSS -

i have index.html links main.css. per 1 of answers question using custom fonts, have loaded custom font such saving file foundrysterling-medium.otf in appropriate folder, , calling such:

@font-face{     font-family: "foundrysterling";     src: "assets/fonts/foundrysterling-medium.otf", } 

later on, body element, set such:

body, input, select, textarea {         color: #fff;         font-family: 'foundrysterling', sans-serif;         font-size: 15pt;         font-weight: 400;         letter-spacing: 0.075em;         line-height: 1.65em;     } 

however, no matter what, font not show, , instead default helvetica or arial (depending mac or pc) used instead. missing?

thanks!

this original code:

@font-face{     font-family: "foundrysterling";     src: "assets/fonts/foundrysterling-medium.otf", } 

why not using semi-colon @ end? not sure if intentional.

@font-face{     font-family: "foundrysterling";     src: url("assets/fonts/foundrysterling-medium.otf"); }