--- slug: "nginx-で-ttf-のレスポンスに-cors-ヘッダをつける" title: "Add CORS Headers to Font File Responses in Nginx" description: "Here's something often used in Django." url: "https://www.ytyng.com/en/blog/nginx-で-ttf-のレスポンスに-cors-ヘッダをつける" publish_date: "2017-08-14T00:55:12Z" created: "2017-08-14T00:55:13Z" updated: "2026-02-26T15:59:06.327Z" categories: ["nginx"] keywords: "" featured_image_url: "https://media.ytyng.com/resize/20230812/2e0822732810474cab76b44a994564ae.png.webp?width=768" has_video: false has_music: false video_urls: [] music_urls: [] lang: "en" --- # Add CORS Headers to Font File Responses in Nginx

Here's something often used in Django.

When using Mezzanine and directing static or media files to a CDN, you might frequently encounter CORS errors in Firefox (for example, glyphicon might not be displayed). This is a countermeasure for that.

location ~* ^/static(/(.+\.(eot|ttf|woff)))$ {
    add_header Access-Control-Allow-Origin *;
    alias /var/django/mydjangoproject/staticfiles$1;
    break;
}

location ~ ^/static(/(.+))?$ {
    alias /var/django/ydjangoproject/staticfiles$1;
    break;
}
location ~ ^/media(/(.+))?$ {
    alias /var/django/ydjangoproject/mediafiles$1;
    break;
}