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

您是否尝试过使用服务器名称的完整网址？

@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这是一篇关于使用font-face的好文章。

Answer 2

如果您的完整路径为/www/demo.site.com/fonts/

并且您使用/fonts它可能会跳回去在/www/fonts/而不是您想要的文件夹中查找它。取决于根文件夹设置为什么。尝试基础href吗？

如果您关闭第一个/，该怎么办？

尝试在firebug中检查它，找出路径到css文件的位置。

@fontface字体不呈现

2 个答案: