Html CORS策略已阻止在/从源/访问字体
我正在使用Coda将字体上传到我的Wordpress页面。但我不能让它工作 这就是错误:Html CORS策略已阻止在/从源/访问字体,html,css,Html,Css,我正在使用Coda将字体上传到我的Wordpress页面。但我不能让它工作 这就是错误: Access to font at 'https://www.blomliw.se/blomliw.se/public_html/wp-content/themes/fonts/post_grotesk_book.woff' from origin 'https://blomliw.se' has been blocked by CORS policy: No 'Access-Control-Allow-
Access to font at 'https://www.blomliw.se/blomliw.se/public_html/wp-content/themes/fonts/post_grotesk_book.woff' from origin 'https://blomliw.se' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
谷歌搜索后,我将此代码添加到.htacces文件中,但没有成功(得到相同的错误):
有人有办法让这一切顺利吗
代表我表示感谢 链接看起来断了
或者下载字体并在本地加载;)
为什么不将请求URL更改为
https://blomliw.se/blomliw.se/public_html/wp-content/themes/fonts/post_grotesk_book.otf
(即不带www前缀)?如果您这样做,它将不再是一个跨源请求,因此您将不会遇到任何CORS问题。但除此之外,似乎你面临的真正问题是https://www.blomliw.se/blomliw.se/public_html/wp-content/themes/fonts/post_grotesk_book.woff
未找到404。问题中显示的其他字体URL也一样。是否更改了前缀,现在CORS问题消失了,谢谢!但正如你提到的,我仍然有404问题。你有什么想法吗?不,我不知道对404问题有什么建议。我认为这里没有人能帮你解决这个问题-我的意思是,问题是服务器说字体实际上不在那些URL上。所以,看起来你们需要弄清楚它们到底是什么网址——服务器看到它们的网址是什么。我明白了!奇怪的是,我以前在其他网页上也这样做过,我只是从上传的文件中复制了url,所以很奇怪服务器本身创建了一个不存在的url。我已经这样做了,但我的链接似乎仍然断开了。好吧,但要否决,没必要我试着去帮助别人,不是我干的!
<ifmodule mod_headers.c="">
SetEnvIf Origin "^(.*\.domain\.com)$" ORIGIN_SUB_DOMAIN=$1
Header set Access-Control-Allow-Origin "%{ORIGIN_SUB_DOMAIN}e" env=ORIGIN_SUB_DOMAIN
Header set Access-Control-Allow-Methods: "*"
Header set Access-Control-Allow-Headers: "Origin, X-Requested-With, Content-Type, Accept, Authorization"
</ifmodule>
@font-face {
font-family: 'post_groteskbook';
src: url('https://www.blomliw.se/blomliw.se/public_html/wp-content/themes/fonts/post_grotesk_book.woff') format('woff'),
url('https://www.blomliw.se/blomliw.se/public_html/wp-content/themes/fonts/post_grotesk_book.ttf') format('truetype'),
url('https://www.blomliw.se/blomliw.se/public_html/wp-content/themes/fonts/post_grotesk_book.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face { font-family: 'meine-schrift';
src: local ('meine-schrift')
url('pfad/zu/meinerschrift.ttf') format('truetype'); }