使用 CSS 在 .ttf 文件中选择常规字体或粗体字体

Question

我的网站有一个 .ttf 文件，但该文件在同一文件中具有常规和粗体。

如何使用 CSS 在 .ttf 文件中选择常规或粗体？目前我在 CSS 文件中以这种方式管理字体：

@font-face {
  font-family: Bangla MN;
  src: url("../fonts/Bangla MN.ttf");
}

或者有没有办法将 .ttf 文件中的常规和粗体分离为两个文件 .ttf？

提前致谢

Answer 1

它不是ttc，所以不是。但是，您可能确实在磁盘上有两个单独的文件，它们声明自己是同一字体系列，并且操作系统和相当多的桌面应用程序会很乐意将它们视为一种“字体”，以便用户选择，然后交换资源当您选择正常/斜体/粗体/等时的遮光罩。

CSS 完全不是这样，它需要你告诉它做什么，并且每种不同的字体都需要自己的绑定：

@font-face {
  font-family: Bangla;
  src: url("../fonts/Bangla MN.ttf") format("truetype");  
  font-weight: normal;
}

@font-face {
  font-family: Bangla;
  src: url("../fonts/Bangla MN Bold.ttf") format("truetype");  
  font-weight: bold;
}

现在你有了一个字体系列，它可以根据你是否font-family: Bangla; font-weight:normal在真实网站的 CSS 或font-family: Bangla; font-weight: bold. 然而，我们还不止于此：它们ttf是通用字体，并且由于安装权限的原因，某些浏览器（尤其是 IE）会更频繁地加载它，而不是将其转换为 WOFF 并提供服务。因此，如果您有权使用此字体，并且其许可证允许 WOFF 转换，那么这是完全值得做的。