在 Wordpress 中下载自定义字体时出错

Question

如果我第一次加载我的网站，我安装的每个字体版本都会弹出这些错误：

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://karmel.stefvanoevelen.com//wp-content/themes/blankslate/fonts/din_alternate_bold-webfont.woff2. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

downloadable font: download failed (font-family: "Din-bold" style:normal weight:700 stretch:100 src index:1): bad URI or cross-site access not allowed source: https://karmel.stefvanoevelen.com//wp-content/themes/blankslate/fonts/din_alternate_bold-webfont.woff2

第二次重新加载后，正常运行。知道如何在第一次访问时解决这个问题吗？

Answer 1

为了解决您的 WordPress 博客的问题，只需将以下内容放入您的 .htaccess 文件中。

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

如您所见，Access-Control-Allow-Origin“*”允许您从所有域访问所有资源和网络字体。

在 Wordpress 中下载自定义字体时出错

Error downloading custom font in Wordpress

css

wordpress

wordpress-theming

font-face