我想使用来自谷歌字体的 Open sans 字体,所以我在我的 html 文件中包含了样式表链接,但它在本地主机上显示“允许控制访问来源”错误。
代码
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>HTML5 responsive website</title>
<link rel="stylesheet" href="styles/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="styles/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css" media="screen" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans|Baumans' rel='stylesheet prefetch' type='text/css'/>
<script src="js/modernizer.js"></script>
<script src="js/respond.min.js"></script>
<!-- external jquery file with fallback to local file if external one fails to load -->
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script src="lightbox/js/lightbox-2.6.min.js"></script>
<script src="js/prefixfree.min.js"></script>
<script src="js/jquery.slides.min.js"></script>
</head>
最佳答案
prefetch
属性可能会调用浏览器自动发出的 XHR 请求。然后,当您在 google 域上请求您的字体时,它涉及跨域问题。
但是,正如本文所述http://daker.me/2013/05/5-html5-features-you-need-to-know.html ,您可以使用 dns-prefetch
预取域 fonts.googleapis.com
以加快请求速度。
请注意,prefetch
和 dns-prefetch
属性不是跨浏览器的。
关于html - 使用 Google 字体样式表时如何解决 'Allow control access origin' 错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21106774/