私は次のように私もそれは私のhtmlファイルにリンクされているGoogleのフォントを使用しようとしています

Question

div h2 { 
    text-align: center; 
    color: white; 
    padding: 0px 20px 0px 20px; 
    font-family: 'Exo 2'; 
    font-style: normal; 
    font-weight: 400; 
} 
@font-face { 
    font-family: 'Exo 2'; 
    font-style: normal; 
    font-weight: 300; 
    src: local('Exo 2 Light'), local('Exo2-Light'), url(https://fonts.gstatic.com/s/exo2/v4/TZlHHgxEfHXA7uKM1eaCjXYhjbSpvc47ee6xR_80Hnw.woff2) format('woff2'); 
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 
} 
@font-face { 
    font-family: 'Exo 2'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Exo 2'), local('Exo2-Regular'), url(https://fonts.gstatic.com/s/exo2/v4/mJrGVjHbrdshrbGyvd7vdaCWcynf_cDxXwCLxiixG1c.woff2) format('woff2'); 
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 
} 

：私はテキストがありませんフォントスタイルを追加した後、残念ながら

<link href="https://fonts.googleapis.com/css?family=Exo+2:300,400" rel="stylesheet"> 

を表示されません。私はそれをやっている方法に何か間違っていますか？

ご協力ありがとうございます。

Answer 1

あなたがリンクタグが含まれているGoogleのフォントのウェブサイトに記載されているように、あなたはこれらの家族を指定するには、以下のCSSルールを使用してCSSに

を指定したフォント

を指定する必要があります。

フォントがWebページに追加する方法の例については

font-family: 'Exo 2', sans-serif; 

、取得開始を参照してくださいガイド。

だからあなたのCSSであなただけ追加する必要があります：

.someSelector { 
    font-family: 'Exo 2', sans-serif; 
} 

Answer 2

は

@import url(https://fonts.googleapis.com/css?family=Exo+2:300,400);

、あなたのCSSページの上部に次のコードを試してみてくださいそして、あなたのインポートを使用下のようなCSSページのどこにフォントがありますか？

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