首頁 >web前端 >css教學 >為什麼我的'@font-face”可以在 IE8 中工作,但不能在 IE9 中工作?

為什麼我的'@font-face”可以在 IE8 中工作,但不能在 IE9 中工作?

Susan Sarandon
Susan Sarandon原創
2024-11-02 22:58:03464瀏覽

Why is My

IE9 中的「@font-face」問題疑難排解

您遇到了「@font-face」正確顯示的令人困惑的問題在IE8 中,但在IE9 中不行。雖然字體在本機上呈現良好,但在網站上線時無法顯示。為了深入研究這個問題,我們將分析程式碼並探索可能的解決方案。

您提供的程式碼似乎結構良好,並且包含各種瀏覽器所需的所有字體來源。然而,IE9 似乎沒有使用首選的 EOT 格式,而是選擇了 WOFF 版本。為了解決此問題,您更新了程式碼以包含 FontSquirrel 生成的所有字體變體。這使得 IE9 能夠存取 WOFF 版本,從而使字體能夠正確顯示。

有趣的是,報告了類似的問題,該字體在除 IE9 之外的所有 IE 版本中均有效。有趣的是,切換文件模式(使用 F12 開發工具)解決了這個問題。這表明問題可能在於 IE9 對某些字體檔案的處理。

此外,您提到了一個網站(iamthomasbishop.com)在 IE9 中成功顯示相同的字體。值得檢查他們的實現,以深入了解他們的方法和潛在的解決方案。

綜上所述,「@font-face」在 IE9 中不顯示的問題可能與字體檔案選擇和瀏覽器相容性有關。更新您的程式碼以包含所有必需的字體格式並考慮 IE9 的具體要求可以幫助有效解決此問題。

以上是為什麼我的'@font-face”可以在 IE8 中工作,但不能在 IE9 中工作?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn