Question

我在CSSreset.css中使用两个@ font-face完全相同，只有其中一个有效！这是样式代码：

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

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

第二个@ font-face工作不正常。这是我在样式表中使用它们的方式：

#Download > a {
        font-family: 'BBCNassim';
    }

这不起作用并显示“tahoma”字体。奇怪的是，如果“BBCNassim”字体加载不正确，则显示默认的浏览器字体。因此，当我使用font-family: 'BBCNassim';时，字体将是tahoma。

这是“B Mitra”字体女巫正确显示和加载：

#Map_Eshterak {
        font-family: 'B Mitra';
    }

SCREENSHOT：http://i.imgur.com/UXmSOmJ.jpg

问题不在于字体;因为如果我复制“B Mitra”字体，并将名称改为“BBC Nassim”，同样的事情也会发生。

这是我的目录：http://i.imgur.com/xV6R8lw.png

Answer 1

它可能是您正在使用的CSS选择器吗？如果您将代码更改为：

，它是否有效

#Map_Eshterak {
        font-family: 'BBCNassim';
}

作为旁注，一旦你开始工作，你可能想要一个字体堆栈，以防你的@ font-face字体无法正确加载。（例如，font-family: 'BBCNassim', Helvetica, sans-serif;将显示Helvetica是BBCNassim不可用）

两个@ font-face不像彼此一样

1 个答案: