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

【问题标题】：Error downloading custom font in Wordpress在 Wordpress 中下载自定义字体时出错
【发布时间】：2021-09-04 11:59:27
【问题描述】：

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

跨域请求被阻止：同源策略不允许读取远程资源在 https://karmel.stefvanoevelen.com//wp-content/themes/blankslate/fonts/din_alternate_bold-webfont.woff2。（原因：CORS 标头“Access-Control-Allow-Origin”缺失）。

可下载字体：下载失败（字体系列：“Din-bold” 样式：正常重量：700 拉伸：100 src 索引：1）：错误的 URI 或不允许跨站访问来源： https://karmel.stefvanoevelen.com//wp-content/themes/blankslate/fonts/din_alternate_bold-webfont.woff2

第二次重新加载后，它可以正常工作。知道如何在第一次访问时解决此问题吗？

【问题讨论】：

标签： css wordpress wordpress-theming font-face

【解决方案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 "*" 允许您访问所有域中的所有资源和网络字体。

【讨论】：