Chrome 中@font-face 的MIME 類型不正確

嘗試在Chrome 中使用@font-face 聲明實現自定義字體時，開發人員可能會遇到錯誤訊息，指示「資源解釋為字體，但使用MIME 類型應用程式/八位元組流傳輸」。此問題源自於字型檔案的 MIME 類型與聲明中指定的預期類型不符。

要解決此差異，可以採用全面的 @font-face 聲明來滿足不同瀏覽器的要求。以下跨瀏覽器聲明可確保與 Chrome 和 Firefox 的兼容性：

@font-face {
  font-family: 'Font Name';
  src: url('FontName.eot');
  src: local('☺'),
         url('FontName.woff') format('woff'), url('FontName.ttf') format('truetype');
}

.eot 檔案指定用於 Internet Explorer，而其他瀏覽器則使用 .woff 或 .ttf 格式。若要從來源字體產生這些不同的格式，請考慮利用 Font Squirrel 的字體產生器。

此外，應配置 .htaccess 檔案以指定字體檔案的相關 MIME 類型：

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff .woff

透過遵循這些建議，您可以確保自訂字體在各種瀏覽器（包括 Chrome）中正確顯示。