Fonts.com @ font-face實現顯示狀態=在Chrome網絡標籤中取消

Question

我有一個奇怪的問題，今天我的fonts.com字體在Chrome網絡標籤中取消了一個狀態。

行爲是當我訪問安全頁面（https）然後導航到不安全的頁面時，字體被取消。但好消息是，經過一些刷新後，字體得到適當的服務。

任何想法爲什麼會發生這種情況？

Answer 1

在這種情況下，'取消'狀態通常是'屏蔽'403響應，該響應與我們的CDN使用的Fonts.com項目的域列表有關，以確定是否允許頁面使用Web字體。

如果刷新頁面（最終）修復該頁面，最有可能的是一個或多個所需的域名未包含在項目列表中。當一個這樣的域上的頁面被加載並請求字體時，403響應被高速緩存，並且如果你沒有明確地清除或禁用高速緩存，它將在瀏覽器之前正常工作的頁面上被使用幾次重新驗證請求。

我們對項目的域列表最佳實踐常見問題在這裏：

Fonts.com: Best Practices for Project Domain List

如需更多幫助，請發送電子郵件至webfontssupport@fonts.com引用這個問題以及鏈接到頁面，你有困難。

Answer 2

看看鉻控制檯選項卡！有可能是一個錯誤CORS - 添加以下行到你的htaccess文件

Header add Access-Control-Allow-Origin "*" 
Header add Access-Control-Allow-Headers "origin, x-requested-with, content-type" 

應該幫助