CSS - Googleフォント（Montserrat）がブートストラップ標準フォントをオーバーライドしていない

私が作成しているウェブサイトのGoogleフォントからMontserratフォントをアップロードしようとしていますが、何らかの理由でそれが起こっていません。私は別のQ & Aを読んだところ、それはクロムの問題かもしれないことを示唆していますか？CSS - Googleフォント（Montserrat）がブートストラップ標準フォントをオーバーライドしていない

私はMontserratがGothamに最も近いGoogleのフォントの類似性を持っているため、特に欲しいです。私は、ブートストラップリンクの下にindex.htmlの中で私の<head>セクションでも、それを試してみました

のstyle.css

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,80); 


body{ 
    font-family: 'Montserrat', sans-serif; 
}

- -

これは、私はそれが私のファイルにロードされている方法です

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css"> 
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,800" rel="stylesheet">

私はそれが上書きしたくないブートストラップの問題であるのか、別の問題であるのか分かりません。どんな援助も感謝します

出典

2017-09-20 Mike.Whitehead

あなたはこの質問の答えをチェックしましたか？ https://stackoverflow.com/questions/24075222/how-can-i-change-the-bootstrap-default-font-family-using-font-from-google – Den

@Denはい、持っています。答えのどれが正しいのかは明確ではありません。 –

ブートストラップのカスタムダウンロードを試したことがありましたか？それはそのトピックの最善の答えの1つでしたか？ – Den

以下のコードに従ってください。

<!DOCTYPE html> 
 

 

 
<head> 
 
    <title>Bootstrap Example</title> 
 
    <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"> 
 
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,800" rel="stylesheet"> 
 
    <style> 
 
    body { 
 
     font-family: 'Montserrat', sans-serif; 
 
    } 
 
    </style> 
 

 
    <body> 
 

 
    <h1>Montserrat</h1> 
 

 
    </body>

出典

2017-09-20 20:36:28 sarathkumar

はい、それはうまくいきますが、それは本当にいいですか？これがなければなぜうまくいかないのでしょうか？ –

カスタムCSSファイルがロードされた後にブートストラップスタイルファイルが読み込まれるため、ブートストラップCSSはあなたのスタイルをオーバーライドします。 – sarathkumar

更新私の答えはこれをチェックします。 – sarathkumar

CSS - Googleフォント（Montserrat）がブートストラップ標準フォントをオーバーライドしていない

答えて

関連する問題