使用一些自定義字體時,我有兩個選項,可以從我自己的服務器加載表單,也可以加載Google網頁字體。但我擔心哪一個頁面加載時間有效?從自己的服務器中加載谷歌網頁字體或字體的字體,哪一個在頁面加載時間方面更高效?
我使用CSS的方法是
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff') format('woff'), /* Modern Browsers */
}
這裏,在加載字體,我也使用cacheing使用字體的版本和裝載來自CDN的字體。
我想加載的字體在大小方面接近36k。
h1 {
font-family: 'MyWebFont', Fallback, sans-serif;
}
谷歌字體的實現
<link href='http://fonts.googleapis.com/css?family=Caesar+Dressing' rel='stylesheet' type='text/css'>
h1{
font-family: 'Caesar Dressing', cursive;
}
是否有人可以幫助我瞭解其中的一個。應該使用谷歌網頁字體或自定義窗體自己的服務器。在頁面加載時間哪一個最好?
對我來說,從谷歌的服務器下載比從我們自己的服務器下載慢大約1秒。我們的數據中心就在附近,谷歌的服務器位於世界的另一邊,需要提出多項請求。至少在我的國家,谷歌的本地CDN現在不包括他們的字體託管服務。 – 2013-05-16 03:18:51
@AbhiBeckert有些情況下,谷歌的CDN可能會變慢,但如果你有人從世界各地訪問該網站,平均而言,谷歌的CDN將是最快的選擇。 – 2013-05-16 05:32:24
大多數網站並未獲得來自世界各地的流量。至少,他們只會從與網站所用語言相同的人那裏獲得流量。對於我正在處理該問題的網站,Google的服務器需要1秒左右的時間來處理字體文件,而與我們自己的服務器,它接近30毫秒。我們運行自己的服務器,並且我知道谷歌在與我們同一城市有一個數據中心。如果他們沒有將它用於字體,那麼大概字體服務通常不像其他服務那樣分佈在世界各地。 – 2013-05-16 07:28:58