谷歌字體將不會加載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

回答

相關問題