1

我在使用@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，它看起来与我之前的声明没有什么不同，但由于某种原因，这个声明不起作用。谁能告诉我这是为什么？

谢谢，

布赖恩

4

2 回答 2

2

我总是将我的网络字体文件夹放在我的 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。试一试......看看你的字体是否正常工作。

我刚刚注意到你不见了}

于 2012-10-30T11:04:09.323 回答
0

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

我也遇到过这个问题。我通过替换为 .otf 文件使其工作。

于 2013-09-26T10:49:04.327 回答