原文鏈接： https://blog.csdn.net/sunny327/article/details/77715900
最近做項(xiàng)目優(yōu)化時(shí)修然，需要把不常更改的靜態(tài)資源做cdn處理冕末，以減少頁面響應(yīng)時(shí)間捉偏。
但是項(xiàng)目中用的是字體圖標(biāo)腿箩，會(huì)造成字體圖標(biāo)不顯示的問題。經(jīng)查看是字體文件跨域了戈钢，原頁面url請(qǐng)求的是http://download.cdn.csdnimg.cn/mobile_static/fonts/iconfont.woff這個(gè)cdn服務(wù)器上的字體庫察署，但是頁面url是download.csdn.net,造成跨域。
瀏覽器報(bào)錯(cuò)：
Access to Font at ‘http://download.cdn.csdnimg.cn/mobile_static/fonts/iconfont.ttf’ from origin ‘http://test.download.csdn.net’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://test.download.csdn.net’ is therefore not allowed access.
后來把cdn服務(wù)器的主機(jī)頭Access-Control-Allow-Origin改為*就可以正嘲葑耍看到字體圖標(biāo)了烙样。這雖然不是最好的解決方案，但是至少解決了所遇到的問題蕊肥。如果有更好的解決方案谒获，希望告知。
奇怪的是：字體跨域了壁却，但是其他資源沒有跨域
