font-face not working properly in browser sp. on LIVE server. (404 resource not found) for font files like Quicksand.otf etc…

I recommend you to use some webgenerator to generate css file with different formats of font. I think your problem is wrong @font-face.

@font-face {
font-family: 'nfs';
src: url('yourFont.eot');
src: url('yourFont.eot?#iefix') format('embedded-opentype'),
     url('yourFont.woff') format('woff'),
     url('yourFont.ttf') format('truetype'),
     url('yourFont.svg#yourFontName') format('svg');
font-weight: normal;
font-style: normal;


Diffrenet browser need other format to render and open font.

I’m using mostly those three webfont generators

But there is more, type to uncle google “font generator”

EDIT: i think blank space in your font/CODE Light.otf is the problem try to use for example something like this font/CODE_Light.otf

My Solution – 

I would say use web font generator when you publish your font code to LIVE server =