Question

I’m trying to use the @fontface syntax for using extra fonts on my webpage. The thing is that while fonts appear as they should in dreamweaver, when I preview the page in Firefox or IE fonts do not render.

Here is the syntax I use:

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

body {
    margin: 0;
    min-width: 1024px;
    font-family: 'KomikaTextRegular', DeliciousRoman, Helvetica, Arial, sans-serif;
}

Answer 1

Have you tried to use the full url , with the servername too?

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

Or without ”?

body { margin:0;
        min-width:1024px;  
        font-family: KomikaTextRegular, DeliciousRoman, Helvetica, Arial, sans-serif; 
    }

Also it’s it a good article about using of the font-face.