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

Question

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

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

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

或者有没有办法将常规和粗体从.ttf文件分成两个文件.ttf？

提前致谢

Answer 1

它不是ttc，所以它没有。但是，您可能做在磁盘上有两个单独的文件，声明自己是同一个字体系列，操作系统和相当多的桌面应用程序会很乐意将它们视为一个＆＃34; font＆＃34 ;为了用户选择的目的，然后在选择普通/斜体/粗体等时在引擎盖下交换资源。

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

现在您有一个字体系列可以切换文件资源，具体取决于您是否在某些真实网站CSS中使用font-family: Bangla; font-weight:normal，或font-family: Bangla; font-weight: bold。但是，让我们不要在那里结束：ttf是通用字体，并且由于安装权限，某些浏览器（着名的IE）将更加肛门加载它，而不是将其作为WOFF服务器。因此，如果您有权使用此字体，则值得将其作为WOFF包装然后再使用它。