2016-02-05 45 views
-1

我注意到,在Google Fonts他們從來沒有用幻想在FONT-FAMILY後備級。對於所有腳本和典型的幻想字體,它們使用草書。字體類是由客戶端操作系統還是客戶端瀏覽器定義的?

我不知道這是否是一個暗示,Chrome不支持幻想作爲後備級?對於是這種情況,備用字體類都必須由瀏覽器通過對典型的襯線實行名單處理,無襯線字體等。或者,瀏覽器可以查詢這些列表的操作系統?

當瀏覽器需要回退到說客戶端系統上的serif字體,會發生什麼?它如何獲得已安裝的襯線字體的信息?

我一直沒能找到一個aswer這一點,所以我希望這裏有人可能知道。我知道網絡安全字體和所有可能成爲過去事物的東西,但它們仍然有一些相關性。

+3

你的問題還不清楚。什麼? –

+0

什麼不清楚?你可以再詳細一點嗎....? –

+0

'幻想作爲後備課程' - 這部分。 –

回答

1

字樣不映射到任何通用字體家族機械。他們只能按照他們的姓氏和谷歌字體和Adobe Typekit等字體列表進行分類。

您可以創建一個由一個無襯線的家庭,襯線家族的字體堆棧,並與fantasy關鍵字結束:

font-family: Helvetica, 'Times New Roman', fantasy; 

而且瀏覽器只會把它相同的:無論使用哪一個家庭第一這是支持的,或者如果談到這一點,可以回到通用系列。

我期望所有瀏覽器至少實現在CSS2.1css-fonts-3中定義的5個通用系列:serif,sans-serif,cursive,fantasy和monospace。但面對每一屬家庭映射到究竟是難以預料 - 一,大多數瀏覽器實際上爲用戶提供改變他們的首選默認襯線,無襯線和等寬的家庭的能力。即使如此,安裝的字體的完整列表可在每一個類別,這表明,即使瀏覽器不能(或至少不)字體的種類區分選擇。

,一個瀏覽器附帶基於多種假設其中的字體是最有可能任何給定的系統上預裝的默認選項。

我不能回答爲什麼谷歌的字體似乎沒有任何其字體棧指定的幻想。

+0

所以答案是,瀏覽器然後實現自己的列表。謝謝。 –

0

我已經建立了一個測試案例:

http://codepen.io/jaycrisp/pen/NxOrOy

.cursive { 
    font-family: cursive; 
} 

.fantasy { 
    font-family: fantasy; 
} 

我看到在Mac鉻不同的字體,使顯示,Chrome並支持fantasy關鍵字。我也在Safari和Chrome上看到相同的字體。

我看到紙莎草紙的幻想字體,我認爲這是一個Mac OS捆綁的字體。我也在Firefox和Safari上看到相同的字體。

我猜想,之所以谷歌字體使用草書,而不是幻想的是,如果你使用這種字體,你可能會爲一個非常具體看您的網站。用像紙莎草這樣的東西替換這種字體將會完全毀掉它。那麼,使用Papayrus無論如何都會完全破壞你的網站,但這是另一回事。

+0

好的測試。如果我在電腦上這樣做,我會在Chrome和Firefox中得到不同的結果。 Firefox顯然無法正確處理幻想。 –

+0

@StephenMiller我不認爲有必要處理它不正確。 [spec](https://www.w3.org/TR/CSS2/fonts.html#fantasy-def)僅提供字體類型和一些示例的說明。由瀏覽器決定使用什麼。 – JamieC

+0

所以我想火狐決定不處理的幻想都:似乎退回到無襯線不管,如果我嘗試用幻想作爲一般家庭或要求一個不存在的字體,沒有回退。 –

相關問題