html - @fontface 字体不渲染

Question

我正在尝试使用 @fontface 语法在我的网页上使用额外的字体。问题是，虽然字体在 Dreamweaver 中显示正常，但当我在 Firefox 或 IE 中预览页面时，字体不会呈现。

这是我使用的语法:

@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

您是否尝试过使用完整的 url 和服务器名？

@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;
}

或者没有''？

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

还有 it's这是一篇关于使用字体的好文章。