在CSS中，將自定義字體應用於網頁時是否需要備份字體？

在CSS中如果我上傳自定義字體以便與網頁一起使用，爲什麼建議備份字體？在CSS中，將自定義字體應用於網頁時是否需要備份字體？

我認爲只有在客戶端沒有安裝1st/2nd/3rd..etc選項的情況下才需要備份字體。

例如，如果你有這樣的代碼：

@font-face { 
    font-family: MyCustomFont; 
    src: url('../fonts/MyCustomFont.ttf'); 
}

爲什麼是這個必要嗎？

body { 
    font-family: MyCustomFont, Arial, Helvetica, sans-serif; 
}

2013-01-25 shfury

這不是必要指定的字體堆棧，但它有助於在模糊的情況下，適度降低時，瀏覽器無法以某種方式使用的字體，例如如果字體文件的HTTP請求超時，字體文件本身就會損壞或無法使用，但瀏覽器不支持任何給定的字體格式等等。

當然，您應該盡最大努力確保自定義字體得到正確下載和使用。但事情可能會發生，有時會失控，所以它仍然有一些不錯的東西可以迴避。這就是爲什麼他們被稱爲備份或備用字體:)

2013-01-25 02:52:27 BoltClock

此外，瀏覽器的設置可能會禁止使用可下載字體，即使這樣的設置可能會比較好隱藏。另一方面，一些瀏覽器插件（如NoScript）可能會做這樣的事情，甚至不讓用戶知道。 –

@Jukka：作爲一個經常遇到這種情況的日常NoScript用戶，我很驚訝，因爲我在寫這個答案時沒有出現在我身上。 – BoltClock

我想出了一種方法來集成谷歌字體，沒有任何使用第三方字體時常見的問題。

首先，我們知道我們的Google Fonts文件是woff格式，並且可能不適用於所有瀏覽器。其次，如果由於緩存限制或其他網絡限制導致谷歌雲或其他一些騷擾行爲阻止從我們的服務器下載字體文件，我們知道這種僞連接狀態可能會支持來自谷歌字體的woff字體。

爲了確保字體在添加Google字體時保持不變，我建議不要刪除自託管字體，除非經過驗證的原告請求您爲權利所有權原因這樣做。

而不是去除真正的跨瀏覽器兼容性的真正關鍵的自託管字體，在CSS中創建一個相同的字體條目，指定它的字體標題爲第三方，如：'ArialVanityGoogleFonts'。

使用瀏覽器的內置字體回退CSV和包括如下的字體：ArialVanity，ArialVanityGoogleFonts，宋體

2017-11-17 20:27:15 Androidis

「Google Cloud或其他一些騷擾是否會阻止下載......」是什麼意思？ – kmiyashiro

回答