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 http://onlinefontconverter.com/

http://www.fontsquirrel.com/tools/webfont-generator

http://convertfonts.com/

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 = http://www.fontsquirrel.com/tools/webfont-generator

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s