3

私は小さな 1 ページの Web サイトを作成しています..久しぶりです。デスクトップ、タブレット、電話のクロムとサファリでは問題なく動作しますが、Firefox (Mac OS の場合は v20) では CSS が (ローカルまたはオンラインで) 読み込まれません。

私はいくつかの調査を行い、以下を確認/修正しました。

  • エンコーディングは「utf-8」です
  • 相対パスよりも絶対パスを使用する場合、違い/変更はありません。
  • パスは、css ファイルの大文字と小文字を区別する名前まで正しいです。
  • リンクの種類が指定されている (text/css)
  • キャッシュがクリアされました..たくさん..

.. しかし、まだうまくいきません。以下は、css にリンクするコード行です。http://www.louisetiernan.comにも公開されています。

<head>
<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="styles.css" />

</head>

すべてのヘルプは非常に高く評価されています。ありがとう。

4

4 に答える 4

6

CSS にタイプミスがあります。最初のタイプミス以外はすべて実行されません:

あなたが持っているもの：

@font-face {
  font-family: 'chaparral';
  src: url('fonts/chaparralprosemibold.eot); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'chaparralr';
  src: url('fonts/chaparralproegular.eot); /* IE9 Compat Modes */
}

'の直前にを追加します。)

@font-face {
  font-family: 'chaparral';
  src: url('fonts/chaparralprosemibold.eot'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'chaparralr';
  src: url('fonts/chaparralproegular.eot'); /* IE9 Compat Modes */
}

'URL 引数で終了の 2 つのインスタンスを忘れました。

于 2013-10-15T21:36:19.920 に答える
1

あなたの CSS ファイルには、ページ上で正しくレンダリングされない原因となる多くのエラーがあると思います。次の Web サイトにアクセスして、CSS コードを検証してください (そこにすべて貼り付けてください)。

http://jigsaw.w3.org/css-validator/#validate_by_input

CSS を入力すると、5 つのエラーが見つかりました。各エラーを確認して修正すると、css が表示され、機能し始めるはずです。

于 2013-10-15T21:31:26.500 に答える
-1

犯人はタグの末尾にある / だと思います。

次のようになります。 

...type="text/css" href="styles.css">

于 2013-10-15T21:25:53.630 に答える