CloudFront無法加載我的字體 - 真棒導軌4

Question

我的導軌應用程序出現問題，我決定將我的資產移動到AWS中的像雲端一樣的CDN。現在一切都好了。我的資產速度更快，但我遇到了問題：我在應用程序中使用了字體超棒的Gem，因爲更改爲CloudFront，因此無法加載。

我的應用程序位於heroku，使用CloudFront進行資產管理。而我在生產ENV配置爲：

# config/environments/production.rb 
    config.action_controller.asset_host = "<YOUR DISTRIBUTION SUBDOMAIN>.cloudfront.net" 

我希望與一點點的幫助，因爲我無法找到該

祺答案！

Answer 1

如果您現在正從另一個域加載字體，大多數瀏覽器將應用跨源資源共享限制 - 也就是說，大多數瀏覽器不會從沒有CORS策略的不同域中加載文件。

可以列入白名單的字體被任何域首先具有CloudFront的是從服務於你的網絡服務器加載，請發送以下響應頭：

Access-Control-Allow-Origin: "*" 

其次，你需要進入你的CloudFront的配置並將「Access-Control-Allow-Origin」標頭白名單從您的網絡服務器傳遞給最終用戶。在CORS

多看書可以在這裏找到：

• http://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/header-caching.html
• http://www.html5rocks.com/en/tutorials/cors/