在匹配的 CSS @font-face 规则中 local() 的值是多少？

Question

我正在为我的网站编写@font-face 规则。

我见过各种本地系统字体的命名方式，比如：

"FontName"
"Font Name"
"Font-Name"
"Font Name Bold"
"Font-Name-Bold"
"FontNameBold"

操作系统是否遵循任何有关字体命名的规则？

名称区分大小写吗？

我知道 Windows 中的字体选择器在一个字段中按名称列出字体，粗细在另一个字段中。 "Font Name Bold" 会匹配 Windows 上的家族字体名称的粗体字体吗？

编辑：

我在问我应该使用什么字符串作为相同字体系列的不同粗细和样式的 local() 值。 local() 匹配的字符串值是什么？

Answer 1

根据 @font-face specification src：

For OpenType and TrueType fonts, this string is used to match only the Postscript name or the full font name in the name table of locally available fonts. Which type of name is used varies by platform and font, so authors should include both of these names to assure proper matching across platforms.

所以答案是，毫不夸张地说，"it depends on what's parsing the @font-face rule"。值得庆幸的是，这是 CSS，因此我们可以指示多个来源，其中包括多个 local 个来源：

@font-face {
  font-family: "My Gentium",
  src: local(Gentium Bold),    /* full font name */
       local(Gentium-Bold),    /* Postscript name */
       url(GentiumBold.woff);  /* otherwise, download it */
  font-weight: bold;
}

在匹配的 CSS @font-face 规则中 local() 的值是多少？

What is the value of local() in a CSS @font-face rule matched against?

css

fonts

font-face