来自“https://cdnjs.cloudflare.com”的字体已被跨源资源共享策略阻止加载
Posted
技术标签:
【中文标题】来自“https://cdnjs.cloudflare.com”的字体已被跨源资源共享策略阻止加载【英文标题】：Font from origin 'https://cdnjs.cloudflare.com' has been blocked from loading by Cross-Origin Resource Sharing policy 【发布时间】：2016-07-29 11:23:42 【问题描述】：我正在尝试从 googleapis 导入字体，但由于某种原因，我在所有字体上都收到以下控制台错误：
来自“https://cdnjs.cloudflare.com”的字体已被跨域资源共享策略阻止加载：请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，Origin 'https://mkhosting.kohlercoding.dk' 不允许访问。响应的 HTTP 状态代码为 404。
我在此处查看了有关此问题的其他帖子，但没有任何帮助。这是我的标题：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>MKHosting</title>
<link rel="icon" type="image/png" href="/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="shortcut icon" type="image/png" href="/favicon.png" />
<!-- <meta http-equiv="refresh" content="0;URL=https://kohlercoding.dk/login-sys/login.php"> -->
<!-- FontAwesome -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css">
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<!-- Active Menu Script -->
<script src="/assets/js/activemenu.jquery.js"></script>
<!-- SmoothScroll Script -->
<script src="/assets/js/smoothscroll-jquery.min.js"></script>
<!-- Compiled and minified javascript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>
<!-- CSS -->
<link rel="stylesheet" href="assets/css/style.css">
<!-- Initialize Materialize Scripts -->
<script>$(document).ready(function()
$(".button-collapse").sideNav();
$('.parallax').parallax();
$(".dropdown-button").dropdown(
hover: false
);
);</script>
</head>
【问题讨论】：
How can I fix the 'Missing Cross-Origin Resource Sharing (CORS) Response Header' webfont issue?的可能重复 【参考方案1】：发现问题显然是 MaterializeCSS，他们的最新更新存在错误，因此降级一个版本解决了问题。
【讨论】：
以上是关于来自“https://cdnjs.cloudflare.com”的字体已被跨源资源共享策略阻止加载的主要内容，如果未能解决你的问题，请参考以下文章
为啥 WCF 服务能够处理来自不同进程的调用而不是来自线程的调用
来自 viewDidAppear 的 Segue 调用有效，但不是来自 viewWillAppear