問題描述：項目中用到了字體的靜態(tài)資源，把靜態(tài)資源放到了騰訊云對象存儲提供的 COS 上，同時啟用它的CDN來加速。但是，調(diào)試的過程中發(fā)現(xiàn)報錯：CSS加載字體跨域了，字體圖標無法正常顯示。

原因：字體文件在 CDN 服務器上，但是項目部署在自己的服務器上，導致字體文件出現(xiàn)了跨域加載的問題。

解決方案：

COS 控制臺配置：

1）打開 COS 控制臺，在騰訊云對象儲存控制面板中的「基礎(chǔ)配置」找到「跨域訪問 CORS 設(shè)置」；

2）點擊「添加規(guī)則」，在來源 Origin 中填寫自己的域名；（如果在來源 Origin 中填寫 *，則表示允許所有域名跨域。）

CDN 跨域設(shè)置：

3）進行 CDN 跨域設(shè)置，如果對象存儲使用了 CDN，需要在 CDN 進行跨域配置；

4）在「高級設(shè)置」中點擊「添加HTTP Header」；

5）選擇參數(shù) Access-Control-Allow-Origin 取值 * ，或者填寫自己的域名；

*注：配置可能需要幾分鐘后才能生效。 *

高級配置：

6）HTTP header 配置 -> 添加 HTTP header

官方文檔跨域訪問設(shè)置