Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
webfont .htaccess rules
# ----------------------------------------------------------------------
# Webfont access
# ----------------------------------------------------------------------
# allow access from all domains for webfonts
# alternatively you could only whitelist
# your subdomains like "sub.domain.com"
<FilesMatch "\.(ttf|otf|eot|woff|font.css)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
# webfont mime types
AddType application/vnd.ms-fontobject eot
AddType font/truetype ttf
AddType font/opentype otf
AddType application/x-font-woff woff
# webfonts and svg:
<IfModule mod_deflate.c>
<FilesMatch "\.(ttf|otf|eot|svg)$" >
SetOutputFilter DEFLATE
</FilesMatch>
</IfModule>
@Doggie52

This comment has been minimized.

Copy link

@Doggie52 Doggie52 commented Jul 12, 2013

For IE10, instead of application/vnd.ms-fontobject, font/eot seems to be what Google Font API uses for the eot mime type.

@mbuskies

This comment has been minimized.

Copy link

@mbuskies mbuskies commented Feb 6, 2021

You'll probably never see this but this just totally saved my ass. <3 I've been trying to get webfonts to work on a project for 3 days with no luck ,but this worked like a charm.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment