@font-face not supporting in firefox and IE

[ankush]

hi guys

i am working on a wordpress website and facing a font face issue

http: / / oasisworkflow.com

check this liine Workflow process for WordPress made simple with Oasis Workflow

i am using font face for this line but it is not supporting in firefox and IE but it is working in chrome

and one more thing when i am putting all that files to another server this is working in all browser please check the link below of working font face

http : / / demo.geniusanywhere.com/client/oasisworkflow/

here it is working, please give a solution

[james438]

Your second link is password protected. Could you post the code you are trying to work with. Is this a font that you uploaded to your website or is it one that you are telling browsers to use? A lot of browsers and computers have several fonts already installed, but they don't all draw from the same font set or at least they don't use all of them. I have not investigated further to find out which is true.

[ankush]

Your second link is password protected. Could you post the code you are trying to work with. Is this a font that you uploaded to your website or is it one that you are telling browsers to use? A lot of browsers and computers have several fonts already installed, but they don't all draw from the same font set or at least they don't use all of them. I have not investigated further to find out which is true.


@font-face {
font-family: 'cosmoslight';
src: url('font/cosmos_light-webfont.eot');
src: url('font/cosmos_light-webfont.eot?#iefix') format('embedded-opentype'),
url('font/cosmos_light-webfont.woff') format('woff'),
url('font/cosmos_light-webfont.ttf') format('truetype'),
url('font/cosmos_light-webfont.svg#cosmoslight') format('svg');
font-weight: normal;
font-style: normal;
}

i am using the above code for font-family generated through fontsquirrel

see the link below
oasisworkflow . com

the font is not working above but i have made a sperate file and use the same font fot text then it is working, i think this is wordpress issue
oasisworkflow . com/wp-content/themes/fullside/testing.html

[ankush]

resolved just added this code in .htaccess


<FilesMatch "\.(ttf|otf)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>