顯示爲@字體面替代字體在CSS

爲顯示爲@字體面替代字體在CSS

@font-face{ 
font-family:'myCustom'; 
font-style:normal; 
font-weight:400; 
src:local('myCustom'), 
local('myCustom-Regular'), 
url('myCustom.woff') format('woff') 
}

在CSS中使用@字體面引入新的字體和定義字體作爲

font-family: myCustom, Tahoma, Verdana, cursive;

不過，我有兩個問題：

直到下載我的自定義字體，它不會顯示第二個（替代字體），並且文本將爲空。
如果由於任何原因訪問者瀏覽器不下載我的自定義字體，它將不會顯示任何文本。

如何顯示替代字體，直到我的自定義字體的可用性？

來源

2012-01-31 Googlebot

你確定＃2是一個真正的問題嗎？ – BoltClock 2012-01-31 11:59:51

@BoltClock：我不確定。我有一些來自參觀者的報道，但我自己無法體驗。我猜這發生在舊版瀏覽器中。但我自己看到了第一個問題。空白文本對我來說是暫時的，並且可以以相同的原因永久地爲他們使用。 – Googlebot 2012-01-31 12:21:33

我期望會發生的是，將使用font-family列表中列出的第一個可用安裝字體。如果這沒有發生，請發佈一個URL進行檢查。

但是，您不妨考慮您使用的字體系列列表。可能性是，如果Tahoma和Verdana可以接受，cursive不會;在這種情況下正常的通用後備字體將是sans-serif。

來源

2012-01-31 11:58:01

嘿......草書讓我輕笑起來。也許Comic Sans會更合適。它是一切，一切。 – BoltClock 2012-01-31 12:00:09

顯示爲@字體面替代字體在CSS

回答

相關問題