如何將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字體？

回答

相關問題