アプリケーションで GoogleのOpen Sans Font を使用しています。
指示に従ってスタイルシートを定義しました:
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700'
rel='stylesheet' type='text/css'>
それから、ボディセレクタで次のように使用しました。
body {
font-family: 'Open Sans', sans-serif;
}
フォントファミリをどこにも定義していません。親で定義したので、子要素が自動的にそれを継承すると思います。
ただし、アプリケーションのアンカータグなどのインスペクターを開いて、そのタグの計算されたスタイルを見ると、(Chrome Latest)「レンダリングされたフォント」に「Times New Roman 18 glyphs」と表示されます-これは正しいですか? 「Open Sans」と言うことを期待していました-Open Sansフォントが適用されていませんか?
codepenリンク を確認してください。私にとってはうまくいきます!
.open-sans-font{
font-family: 'Open Sans', sans-serif;
}
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
<div class="open-sans-font">
Stackoverflow rocks !!!
</div>