2016-12-11 3 views
0
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
<link href="https://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet"> 

私はこれらの2つのリンクを使用していますが、私のファイルには適用されません。同じhtmlファイルでブートストラップとフォントリンクを使用できないのはなぜですか?

+0

より完全なサンプルファイルを投稿してください。また、これらがHTML文書のHEADにあることを確認する必要があります。 – Alec

答えて

0

これらは両方とも同時に使用できますが、問題はありません。

フォントをサイトに適用するには、CSSルールも必要です。これらはまた、ブーストラップファイルの優先順位よりも高い優先順位を持つ必要があります。同じ優先順位ですが、ブートストラップファイルの後に適用されます。

0

より具体的には、動作しないものはありますか?フォントを変更したい要素のfont-familyを変更しようとしましたか?本文に適用されているフォントです。

body { 
 
    font-family: 'Lato', sans-serif; 
 
}
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width"> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <link href="https://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet"> 
 
    <title>JS Bin</title> 
 
</head> 
 

 
<body> 
 
    <h1>Hello World</h1> 
 
</body> 
 

 
</html>

https://jsbin.com/wotusas/

関連する問題