CSS Font Face Does Not Work in Firefox or IE8

advertisements

My Font-Face is not working in Firefox or IE8 :(

The Files are in the correct sport, here is my css code:

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

Could the files be broken? or is there something wrong with my CSS?

I also have this code below that code:

@font-face {
                font-family: 'Zapfino';
                src: url('Zapfino.eot');
                src: url('Zapfino.eot?#iefix') format('embedded-opentype'),
                         url('Zapfino.woff') format('woff'),
                         url('Zapfino.ttf') format('truetype'),
                         url('Zapfino.svg#Zapfino') format('svg');

                font-weight: normal;
                font-style: normal;
        }

You can view my issues here....http://hearingaidneeds.com/

Thanks in advanced, J


Looks like your .eot file is corrupted for IE and I see no logical reason why FF shouldn't work. Try using this font face creator instead.