0

我正在尝试使用 Google 网络字体作为替代字体。但它不是替代字体，而是充当主要字体。

在我的 中，我将它链接到字体：

<link href='http://fonts.googleapis.com/css?family=Balthazar' rel='stylesheet' type='text/css'>

在我的 CSS 中，我有 Copperplate 字体的变体，我知道它可以在我的 PC 上运行，并且我已经安装了其中的一些。这部分在我的 CSS 开头：

.class{
    font-size: 24pt;
    font-family: Copperplate Gothic Bold, Copperplate Gothic Light, Copperplate, Balthazar;
}

但即使 Balthazar 是最后一种字体，它也会作为第一种出现。我如何解决这个问题？

4

2 回答 2

1

名称中包含空格的字体必须放在引号中，以便 css 正确读取，这也适用于 google web 字体，只是为了安全起见。

例子：font:family: "Copperplate Gothic Bold", "Copperplate Gothic Light", Copperplate, "Balthazar";

于 2012-10-19T22:52:23.550 回答
1

font-family 降级似乎在 Google 字体的所有三种导入方案（@import、、<link>或JavaScript）中都可以正常工作。

看这个例子：http: //jsfiddle.net/awRQm/

最有可能的原因是它真的回到了巴尔萨扎。

对于多字字体名称，最好将它们用单引号括起来，如下所示：

.class{ font-size: 24pt; font-family: 'Copperplate Gothic Bold', 'Copperplate Gothic Light', Copperplate, Balthazar; }

根据CSS 2.1 规范：

“如果将标识符序列作为字体系列名称给出，则计算值是通过将序列中的所有标识符用单个空格连接起来转换为字符串的名称”

于 2012-08-15T19:07:14.773 回答