MacでネイティブAMPスタックを使用して開発しています。これは本当に問題ではなく、バグや煩わしさもありません。私のウェブページ上のテキストは、ページのフォントをスタイルするためにCSSを使用しているときは、見えなくなるか、背景と同じ色になります。私はそれを選択してコピー/貼り付けを続けることができるので、テキストはまだそこにあります。私は、ドキュメントの本体(phpまたはhtmlページのいずれか)のテキストでこの問題が発生していますが、iframeを使用して表示されるヘッダーにはありません。ウェブページをリフレッシュすると、フォントを使用しているときにテキストが見えなくなる
この問題は、Google ChromeまたはOperaを使用している場合にのみ発生します。サファリを使用しているとき(Firefoxをチェックしていない)は発生しません。テキストが再度表示されるようにするには、アドレスバーをクリックしてreturnキーを押すか、ページを離れた後に戻る必要があります。 chromeでinspectを使用すると、テキストは "#000000"と表示されます。
この問題は、Google Chromeのinspect要素を使用しているときに、このエラーがコンソールに表示されるように、フォントが読み込まれていないと考えられます。 "Failed to load resource: the server responded with a status of 404 (Not Found)
"これは、すべてのフォントファイルの名前と場所を二重にチェックしたので、奇妙で、検査ウィンドウのフォントセクションに移動すると、両方ともうまく表示されます。最初に表示されたページを調べると、コンソールに「GET http://localhost/Aller/Aller_Lt.tff test.php:1
」と「GET http://localhost/Aller/Aller_Lt.tff header.htm:1
」というエラーが表示されます。
何か助けやアドバイスをいただければ幸いです。コードサンプルを投稿したり、その他の質問に答えたりして、これの最下部に到達することもできます。
編集
これらの事のどれもが、私はこのCSSをdissable場合は、その後、私のページは正常に動作<h1></h1>
ヘッダータグ
を使用して、ヘッダーで発生しません。
@font-face {
font-family: Aller;
src: url(Aller/Aller_Rg.ttf);
font-weight: normal;
}
@font-face {
font-family: Aller;
src: url(Aller/Aller_Bd.tff);
font-weight: bold;
}
@font-face {
font-family: Aller;
src: url(Aller/Aller_BdIt.tff);
font-weight: bold;
font-style: italic;;
}
@font-face {
font-family: Aller;
src: url(Aller/Aller_Lt.tff);
font-weight: lighter;
}
@font-face {
font-family: Aller;
src: url(Aller/Aller_LtIt.tff);
font-weight: lighter;
font-style: italic;
}
@font-face {
font-family: Aller;
src: url(Aller/Aller_It.tff);
font-style: italic;
}
body {
font-family: Aller;
}
編集2
初めてのページをロードするか、リロードしても、私が代わりにこれらのエラーを取得するときに時々:GET http://localhost/Aller/Aller_Lt.tff test.php:1
、GET http://localhost/Aller/Aller_Bd.tff test.php:1
、およびGET http://localhost/Aller/Aller_Lt.tff Aller/Aller_Lt.tff:1
私はにパターンを見つけることができませんでしたいつ私がどちらかを得るかを示します。
投稿コード –
または親CSSクラスまたはid –
@AdamSmithのテキストのcolorプロパティを確認します。私がコメントアウトすると、問題が解決されたというコードを追加しました。私は現在、私のCSSにこれを持っています: 'body {color:#000000!important; } 'テストとして –