Select .ttf 文件中的常规字体或粗体 CSS

Question

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

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

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

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

提前致谢

Answer 1

它不是 ttc，所以它不是。但是，您可能 do 在磁盘上有两个单独的文件，它们声明自己是同一个字体系列，并且 OS 和相当多的桌面应用程序会很乐意将它们视为一个"font" 用于用户选择，然后在您选择 normal/italic/bold/etc 时交换资源。

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: bold 中使用 font-family: Bangla; font-weight:normal 来切换文件资源。但是，让我们不要就此结束：ttf 是通用字体，并且一些浏览器（著名的 IE）由于安装权限而加载它比将其转换为 WOFF 并提供它更费力。因此，如果您有权使用此字体，并且其许可允许 WOFF 转换，那是完全值得的。

Select .ttf 文件中的常规字体或粗体 CSS

Select font regular or bold in .ttf file with CSS

css

fonts

webfonts

font-face