HTMLインポートされたフォントがウェブサーバーではなくローカルで動作しています

私のウェブサイトのメインページの作成が終了しました。私はGoogleからインポートしたフォントが動作していないことに気付きました。ウェブサイトをローカルで見るとうまくいきますが、ウェブサーバーにアップロードすると表示されません。私はそれが問題なのかどうかは分かりませんが、私はapache2を使ってUbuntu 14.04を実行しています。ここでは、HTMLのインポートは次のとおりです。HTMLインポートされたフォントがウェブサーバーではなくローカルで動作しています

<link rel="stylesheet" href="css/master.css"> 
 
    <!-- Latest compiled and minified CSS --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" 
 
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">

ここで私が持っているCSSです：

@import 'https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300'; 
 

 
body 
 
{ 
 
    background-color: #dfdfdf !important; 
 
    font-family: 'Open Sans Condensed', sans-serif !important; 
 
}

それはローカルに正常に動作しますが、私は、AにアップロードするときWebサーバーは動作を停止します。

出典

2016-07-30 ihavemorealts

Google ChromeでF12キーを押してデベロッパーツールを開き、[コンソール]タブにエラーメッセージが表示されているかどうかを確認します。 Chromeは通常、参照しているリソースに問題があると報告します。たとえば、両方のサイトをHTTPSで開いていることを確認します。代わりにHTTPバージョンのGoogle APIを参照する必要があります。 –

私はメインブラウザとしてOperaを使用しています。私はクロムを読み込みましたが、コンソールタブの下には2つのエラーがあり、どちらも404の読み込みに失敗しました。 1つは/js/scripts.js < - はフォントにはまったく関係なく、もう1つはファビコン（存在しない）です。フォントについては何もありません。私は何か奇妙なことに気づいた。私は自分のCSSファイルを保存し、それをローカルで表示します。私はそれを私のWebサーバーにアップロードし、Webページのリソースをチェックすると、CSSファイルに@importは存在せず、どちらもbodyセレクタで指定されたフォントファミリーではありません。私は保存してアップロードしますが、何もしません。 – ihavemorealts

私はちょうど私のCSSのどれもWebサーバー上で更新されていないことに気づいた。私が新しいCSSファイルを入れて、要素を調べると、私が追加した最新のコードはまったく表示されません。 – ihavemorealts

編集*自分が所有する別のドメインにすべてのファイルを保存しようとしましたが、完全に機能しました。私はcloudflareをチェックし、2つのドメインを比較しました。彼らはどちらも私のサーバーボックスを指していましたが、問題のあるサーバーは別のIPを指している*という余分なレコードを持っていました。私はそれを削除し、それは正常に動作します。私はその余分な記録が何だったのか、それが私のものと矛盾するのか分かりません。

出典

2016-07-30 19:38:51 ihavemorealts

キャッシングの問題だけではないことを確認してください。あなたがリソースをチェックしたときにCSSファイルにあなたの更新が表示されていないと言ったという事実は、ちょうど最新のバージョンを取得していなかったことを私に知らせる。

将来、外部スタイルシート参照URLの末尾に数字を追加する（例：<link rel="stylesheet" href="css/master.css?1">）ようにして、キャッシュのリフレッシュを強制することを強くお勧めします。

?1は、ブラウザに新しいリンクがあると信じるように騙します。したがって、スタイルシートを再フェッチして最新のバージョンを取得します。

出典

2016-07-30 19:45:03 Santi

私は、Webサーバー上のすべてのファイルを削除したため、実際にはそうではないと確信しています。その後、問題のファイルと、自分が所有する別のドメインに正確なファイルをアップロードしました。問題のものは全く更新されませんでしたが、もう一方は更新されました。私の他のドメイン（4-5）は、別のIPアドレスを指し示す余分なa *レコードを持っていませんでした。削除したらすぐにページを更新し、すべてが機能しました。 – ihavemorealts

この例は実際に私のキャッシング疑惑を強化します。ファイルを削除して再アップロードしても、ファイルが更新されることはありません。ブラウザはまったく同じ場所から正確に同じCSSファイルを取得するように指示されているため、キャッシュされたバージョンをそのまま使用します。それを以前のキャッシュがないので、初めて新しい場所にアップロードするのはもちろん、最新の変更があります。 – Santi

HTMLインポートされたフォントがウェブサーバーではなくローカルで動作しています

答えて

関連する問題