谷歌字體作爲替補字體家庭不工作

這裏是我的問題，我需要設置字體，像這樣：谷歌字體作爲替補字體家庭不工作

font-family: 'Century Gothic', Helvetica, Dosis;

的劑量是從谷歌的字體庫中的字體。我需要的是，Century Gothic是MS Font，與Office一起安裝（直到2010年），Helvetiva - 你們都知道。所以我需要第三選擇。

當我把Dosis放在第一位時，它當然是有效的。第二或第三位給我Arial。

我嘗試通過@import在CSS和標題中加載此字體。兩者都不起作用。

Google Chrome inspector

正如你所看到的，這一切看起來不錯，但呈現的字體是宋體（爲什麼？）。我在想這個：Dosis根本就沒有加載。但爲什麼不呢？

PS。 @ import，當然是在那個css與font-family的行之前。

有人嗎？

// 我想：

font-family: Helvetica, Dosis;

給我宋體。

font-family: 'Century Gothic', Dosis;

工作！我有Dosis。

現在我真的不明白它是如何工作的。

來源

2015-02-10 Angie

Dosis與此無關（只是爲了清除事情），它是Helvetica。 Google Chrome Helvetica使用Arial呈現，其中FYI是Windows中Google Chrome的sans-serif的默認字體。
Src：http://www.granneman.com/webdev/coding/css/fonts-and-formatting/web-browser-font-defaults/
但這也沒有什麼要做。

所有無法識別的字體都將使用默認的標準字體進行渲染，其大部分時間爲Times New Roman。（當然除了Helvetica的）
由於Helvetica是度量上相同含義Arial每個人物的兩個Helvetica和Arial寬度完全相同，它呈現爲Arial這有助於正確地顯示和打印文本。
其他所有其他都呈現爲標準字體Times New Roman。

來源

2015-02-10 10:00:44

hm，那麼爲什麼世紀哥特式被忽略，如果瀏覽器沒有找到CG，它只是跳到下一個字體？這不僅僅是Google Chrome的問題，Internet Explorer也是如此。 – Angie 2015-02-11 05:36:18

因爲在CG的情況下，瀏覽器不能像預期的那樣渲染和檢查字體族中的下一個。但在Helvetica的一個特例中，它知道Arial代替Helvetica因爲上述原因。 – 2015-02-11 06:08:47

-1

請包括這在你的CSS文件

@font-face { 
    font-family: 'Dosis'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Dosis Regular'), local('Dosis-Regular'), url(http://fonts.gstatic.com/s/dosis/v4/xIAtSaglM8LZOYdGmG1JqQ.woff) format('woff'); 
} 
body{ 
    font-family: 'Dosis', sans-serif; 
}

來源

2015-02-10 07:30:54 user

我不能把Dosis放在font-family的第一位，並說明問題所在。它沒有奏效。 – Angie 2015-02-10 07:35:13

-1

你可以把font-family屬性多種字體名字，來確定，其中一人將在屏幕上顯示。但是，如果瀏覽器找到第一個字體（在你的案例'世紀哥特'中），它將會錯過其餘的部分（Helvetica和Dosis）。

所以，如果你喜歡Dosis字體，請更改

font-family: 'Century Gothic', Helvetica, Dosis;

這一個：

font-family: Dosis, Helvetica, 'Century Gothic';

來源

2015-02-10 08:09:35 Arkenia

我不喜歡Dosis。 Dosis是隻有在無法顯示Century Gothic或Helvetica的情況下才應該在本網站上的字體。它是Google字體，通過@ font-face加載，因此它可以在任何地方使用。所以，NOPE把Dosis作爲第一種字體不是一種選擇。 – Angie 2015-02-10 08:22:33

即使是這樣的問題，Dosis在第一個位置也可以工作，但這不是必需的。 – 2015-02-10 08:24:43

現在我知道了，把Helvetica放在font-family中會給出「Arial」，如果找不到的話。如果我會放任何其他字體，而不是Helvetica，那麼這將起作用。很高興知道，但現在我真的很好奇爲什麼會這樣。 – Angie 2015-02-10 08:30:27

至於你提到世紀的哥特式字體是MS字體是上Gfonts不可用。最近的Gfont是Google font Muli
第二點是您必須導入該字體。三，這是如何工作的 font-family：'世紀哥特'，Dosis; 首先瀏覽器試圖加載世紀哥特，如果它加載Dorsis失敗。那麼，你爲什麼要Arial？這是瀏覽器的默認字體Web browsers default fonts

來源

2015-02-10 08:28:27 Maky

字體只是一個例子。客戶是「像素完美」的人，所以，如果他想要世紀哥特式，它必須是世紀哥特式（以及其餘所有）。是的，爲什麼？我仍然不知道爲什麼。 CG + Dosis給了我Dosis。 Helvetica + Dosis給了我Arial。這太瘋狂了，不合邏輯。 – Angie 2015-02-10 10:36:07

除谷歌字體之外的另一種選擇是下載字體（免費支付）並將其包含在您的服務器中。至於不合邏輯的加載，我的猜測是你的主要字體和備用字體沒有正確加載，這就是爲什麼它會變成宋體。檢查其他瀏覽器是否加載默認字體或正確加載所需字體。 – Maky 2015-02-10 10:51:46

我試過Chrome，IE，Opera和Firefox。每次都有同樣的效果。當第一個字體是世紀哥特式加載。我也可以在Dosis中製作標題，然後放上「CG，Helvetica，Dosis」，並且還有Arial ...（因爲我沒有CG或Helvetica） – Angie 2015-02-10 12:41:50

谷歌字體作爲替補字體家庭不工作

回答

相關問題