时间戳

首页 > 解决方案 > 在 Wordpress 中下载自定义字体时出错

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

问题描述

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

跨域请求被阻止：同源策略不允许在 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

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

标签： csswordpresswordpress-themingfont-face

解决方案

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

推荐阅读