谷歌字体将不会加载html

我敢肯定这个问题已被问过多次。我遵循了很多建议，但似乎都没有成效。我一直在试图加载“切尔西市场”，并在我的H1系列中提出警告。任何帮助，将不胜感激。这里是我的代码：谷歌字体将不会加载html

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
<link href='https://fonts.googleapis.com/css?family=Chelsea+Market' rel='stylesheet' type='text/css'> 
<link href='//fonts.googleapis.com/css?family=Caveat' rel='stylesheet' type='text/css'> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 


<style> 

h1 { 
    font-family: ‘Chelsea Market’, Arial, sans-serif; font-size: 200px; color: rgb(0, 0, 228); 
margin-bottom: 0px; text-align: center; text-shadow: 5px 5px 10px #000000; 

    }

来源

2017-02-06 estelyk

什么是问题，什么是不工作？ –

您在css''Chelsea Market''使用无效的引号字符' –

打开chrome devtools（或firefox），点击网络标签，加载页面，并检查状态代码和谷歌的字体和CSS的响应标题。 –

您是否尝试过@import代替对常规链接的字体？

@import url('https://fonts.googleapis.com/css?family=Chelsea+Market'); 
font-family: 'Chelsea Market', cursive;

来源

2017-02-07 03:17:13 COOKIE

嗨Cookie，我也试过，它没有工作 – estelyk

我可以看到你的代码的其余部分？你的代码实际上并没有HTML中的h1 int。 – COOKIE

是啊当然，这是相当长，但如果你不介意的话： – estelyk

我看到有在你的代码没有<body>和<h1>标签。我刚刚通过复制你的代码测试出来，并添加<body>和<h1>标签，它在我的Codepen这里工作正常

来源

2017-02-07 03:40:54 hoath

嗨，我有麻烦的字体。我希望它在'切尔西市场' – estelyk

@estelyk似乎你在使用google字体和bootstrap.css时有问题。我认为你必须下载bootstrap并为你自己定制，而不是使用bootstrap CDN。此链接可能有助于http://stackoverflow.com/questions/24075222/how-can-i-change-the-bootstrap-default-font-family-using-font-from-google – hoath

谷歌字体将不会加载html

回答

相关问题