技術注意事項

本文件提供一些技術資訊，讓您瞭解背後的運作原理 實際使用 Fonts API 要求網路字型。

本文件也提供瀏覽器專屬行為的相關資訊。

如果您只是想使用 Fonts API，就不必閱讀本頁。 不過，閱讀這個網頁可能有助於改善網頁載入效能。

什麼是 Google Fonts API 服務？

瀏覽器傳送 Fonts API 樣式表的要求時 ( 您網頁中的 <link> 標記) 時，Fonts API 會提供 提出要求的特定使用者代理程式

例如，來自 Firefox 的 Inconsolata 要求會傳回下列 CSS：

@font-face {
  font-family: 'Inconsolata';
  src: local('Inconsolata'), url('https://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw') format('truetype');
}

另一方面，來自 Internet Explorer 的要求會傳回：

@font-face {
  font-family: 'Inconsolata';
  src: url('https://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw');
}

下載 CSS 後，瀏覽器會下載 則是瀏覽器的格式。

瀏覽器專屬行為

本節說明每位瀏覽器使用網路字型的預設行為。請注意， 您可以利用 網頁字型載入器。

如需支援的瀏覽器清單，請參閱 常見問題。

Google Chrome

Chrome 會顯示網頁的其他部分，但在字型載入之前，會先顯示網頁 在這個空間中，以空白區域取代使用字型的文字。

Mozilla Firefox

Firefox 會先以預設字型顯示文字，再以預設字型重新轉譯文字 字型載入後此行為稱為「無樣式的閃光」 文字。」

Apple Safari

Safari 會轉譯網頁的其餘部分，但在字型載入之前，瀏覽器會顯示 在這個空間中，以空白區域取代使用字型的文字。

Microsoft Internet Explorer

Internet Explorer 會顯示網頁的其他部分，但在字型載入之前 這會以空白空間取代使用該字型的文字。

一般來說，Internet Explorer 的行為可能會因刊登位置而不同 各種不同元素的存在希望提供一致的行為模式 請使用網頁字型載入器。適用對象 舉例來說，您可以選擇 讓所有瀏覽器的運作方式都與 Firefox 相同。