Question

我遇到了@ font-face声明的问题，我希望有人能告诉我问题是什么。

这是我的@ font-face CSS：

@font-face {
font-family: 'MuseoSlab500';
src: url('fonts/Museo_Slab_500-webfont.eot');
src: url('fonts/Museo_Slab_500-webfont.eot?iefix') format('eot'),
     url('fonts/Museo_Slab_500-webfont.woff') format('woff'),
     url('fonts/Museo_Slab_500-webfont.ttf') format('truetype'),
     url('fonts/Museo_Slab_500-webfont.svg#webfontyumMOUTD') format('svg');
font-weight: normal;
font-style: normal;

我的字体文件都在我网站根目录中名为'fonts'的文件夹中。样式表和html文件（它是一个页面站点）位于根目录中。我正在看@ font-face，它看起来和之前的声明没有什么不同但由于某种原因，这个没有用。谁能告诉我为什么会这样？

谢谢，

布赖恩

Answer 1

我总是将我的web字体文件夹放在我的CSS文件夹中，如下所示：

@font-face{ 
    font-family: 'CartoGothicStd-Bold';
    src: url('@font-face/CartoStd-Bold.eot');
    src: url('@font-face/CartoStd-Bold.eot?#iefix') format('embedded-opentype'),
         url('@font-face/CartoStd-Bold.woff') format('woff'),
         url('@font-face/CartoStd-Bold.ttf') format('truetype'),
         url('@font-face/CartoStd-Bold.svg#webfont') format('svg');
}

我的文件夹名为@ font-face。试一试......看看你是否有字体工作。

我刚注意到你错过了}

Answer 2

尝试使用.otf文件而不是.ttf

我也遇到过这个问题。我通过替换为.otf文件来实现它。

@ font-face css无效

2 个答案: