web-dev-qa-db-ja.com

フォントファミリーOpen Sansが機能しない

私のウェブサイトでは Open Sans font を使用していますが、すべてのコンピューターで機能しているわけではなく、理由がわかりません。

<head>タグで呼び出しています。 httpsまたはhttpまたは//を試しましたが、結果は同じです。

<link href='//fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>

ブラウザから十分に読み込まれます（ステータス200）。

私のCSSは次のようになります：

body{
  font-family: OpenSans;
}

しかし、私のテキストは、CSSインスペクターでOpen Sansに言及しているという事実以外に、いくつかのsans-serifフォントでレンダリングされています。 ChromeブラウザでCSSインスペクタからすべてのfont-familyを削除しても、フォントは変わりません。また、！importantを追加しても何も変わりません。

この問題の原因は何ですか？

私はすでに試しました この解決策 成功しませんでした

一部のコンピューターで動作しているので、競合しているとは思いません。

htmlcssfontsgoogle-font-api
7
Stéphane

OK、私の主なエラーはfont-family: OpenSans; の代わりに font-family: 'Open Sans';

13
Stéphane

Font-familyの「Open Sans」を使用していますが、「OpenSans」の代わりに機能します。

2
Chinh Vo Wili

httpsでCSSを参照しようとしましたか？

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700" rel="stylesheet" type="text/css">

私はJSFiddleでこれを試しました、そしてそれは私のChromeで動作します。 https://jsfiddle.net/doqvqfhe/1/

もう少しコードを教えてもらえますか？

2
Philip Szalla