为什么CSS字体面不能正确呈现某些字体？

我想使用@font-face在我的网页中导入3种字体。但其中只有一个渲染正确。其他人不能显示，因为他们必须出现。为什么？
这是我导入并使用每个项目的示例代码：

@font-face {
  font-family: 'BMitra';
  src: url('fonts/BMitra.eot?#iefix') format('eot'),  
       url('fonts/BMitra.woff') format('woff'), 
       url('fonts/BMitra.ttf') format('truetype');
}
.my_div {
  font-family: 'BMitra';
  font-size: 10pt;
}

实际上，我认为CSS可以找到字体，但它不能显示它们的真实外观

这就是我现在看到的：

这就是我必须看到的真实外观（我正在本地加载此字体）：

---

字体是指依赖于用户系统和渲染客户端的内容。。 浏览器不会等到下载字体后再加载样式表的其余部分

请参考这些链接-

您可以使用一些css技巧或黑客

Internet Explorer 9、Firefox、Opera、Chrome和Safari中的所有主要浏览器都支持@font-face规则

但是，Internet Explorer 9只支持.eot类型的字体，而Firefox、Chrome、Safari和Opera支持.ttf和.otf类型的字体

注意：-Internet Explorer 8和早期版本不支持@font-face规则。 但是现在有很多规则、技巧和黑客使得它也能在所有的传统浏览器中工作

更多参考请参考上述链接

建议：-作为一名用户界面分析员，我建议也使用全球推荐的字体（在所有浏览器中都有支持）。如果你有这些要求，那么试着找到一些替代方案

---

谢谢我可以找到问题的原因。
我复制到项目中的字体文件有两个版本（同一字体有两个文件）。一个用于正常重量，另一个用于粗体重量。我只复制了普通文件，而我想用粗体显示它们

我的字体目录：

同一字体的不同版本：

我替换了文件并解决了问题。

---

感谢大家对我的问题的关注。

您的代码示例只显示了导入的一种字体。您需要显示正在导入的所有三种字体。@Setek我提到过这是一个示例，用于显示我是如何导入每种字体的。事实上，我导入了3种字体。你是在特定的浏览器中遇到了问题，还是所有浏览器都遇到了问题？你有公共页面吗？我们可以在所有浏览器中看到这个问题。它不在互联网上