如何将Google网页字体用作SUBSTITUTE字体？

我正在尝试使用Google Web字体作为替代字体。但不是替代字体，而是作为主字体。如何将Google网页字体用作SUBSTITUTE字体？

在我，我把它挂字体：

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

在我的CSS，我有铜版字体的变化，我知道它在我的电脑和我有一些他们的安装。这部分是在我的CSS开始：

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

但即使Balthazar是最后一个字体，它是作为第一个字体出现。何我我修好了？

来源

2012-08-15 Maniaxe

会发生什么事，如果你用安装在你系统中的一些独特的字体替换巴尔萨泽，说快递？如果文本出现在该字体中，则该问题与Google字体无关;相反，您正在使用的浏览器（哪个？）没有任何Copperplate字体被识别。 – 2012-08-15 19:14:37

在全部三种导入方案（@import，<link>或JavaScript）中，字体族降级似乎都适用于Google字体。

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

最可能的原因是，它真的是回落至巴尔萨泽。

对于多字的字体名称，最好将他们包裹在单引号，像这样：

3210

按照CSS 2.1 spec：

“如果标识符的顺序为A字体系列名称，计算值是通过以单个空格连接序列中的所有标识符转换为字符串的名称“

来源

2012-08-15 19:07:14

不，规范说“加入......单个空格”，所以它只是意味着单词之间的空白被折叠到一个空格。引号在这里不是问题。 – 2012-08-15 19:12:57

我站好了。 – 2012-08-15 19:15:21

我只是试图把它们放在引号中，不幸的是，问题仍然存在。 Copperplate Gothic Light安装在我的电脑上，但没有显示。我只是在我的电脑上看到具有Copperplate Gothic Light的Balthazar字体，但不是Bold的字体。 – Maniaxe 2012-08-16 01:39:48

字体中必须带有空格的字体才能被css正确读取，这也适用于Google Web字体，只是为了安全起见。

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

来源

2012-10-19 22:52:23 DrewRobertson93

如何将Google网页字体用作SUBSTITUTE字体？

回答

相关问题