web-dev-qa-db-ja.com

Font Family Open Sansが使用されていない

アプリケーションで 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フォントが適用されていませんか？

cssfontsfont-family
16
callmekatootie

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>
6
Aalind Sharma