html - 两个@font-face 表现得不像对方

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

屏幕截图: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 不可用)