CSS 字體(例如font-awesome)，使用子域名以後不能正確顯示

症狀

原來能正常顯示的狀況下，將js、css、圖片文件改成子域名訪問，方便cdn加速。切換以後一切正常，可是font-awesome的圖片沒有正確顯示，所有顯示框框

緣由

由於瀏覽器的安全規則，雖然是子域名，可是css跨域載入字體文件的時候被瀏覽器攔截，致使了顯示不正常。

解決

以apache爲例，修改.htaccess或者 httpd.conf

<IfModule mod_headers.c>
# Make sure proxies don’t deliver the wrong content
Header append Vary User-Agent env=!dont-vary
  <FilesMatch "\.(ttf|ttc|otf|eot|woff|font.css|css)$">
    Header set Access-Control-Allow-Origin "*"
  </FilesMatch>
</IfModule>