How Can I Overcome Firefox\'s Restrictions on Cross-Domain Web Font Embedding?

Cross-Domain Web Font Embeddings and Firebug's Stubbornness

When attempting to establish a centralized font repository, it's essential to ensure that fonts can be accessed across different domains. However, certain browsers may impose restrictions, especially in the case of subdomains.

In your situation, Firebug reveals that the font-face.css file is loading successfully, but the font is not being rendered correctly. This is likely due to Firefox's policy against cross-domain Web font embedding.

To overcome this hurdle, add the following code to the .htaccess file of the subdomain hosting the fonts:

<FilesMatch "\.(ttf|ttc|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>

This code grants permission to all domains to access the font files.

Additionally, you mentioned concerns about restricting access to only yourself. While the Access-Control-Allow-Origin specification allows for specifying a specific domain, there is currently no known browser that supports Origin header validation. As a result, you may encounter challenges in achieving your desired level of exclusivity for the font repository.

The above is the detailed content of How Can I Overcome Firefox\'s Restrictions on Cross-Domain Web Font Embedding?. For more information, please follow other related articles on the PHP Chinese website!