HTML裏技:CSSファイルが読み込めない

Updated on : 10-25-2021
CSSファイルを読み込めない症状で困りました。
ローカルではきちんとCSSの指示通りに表示されます。

ただし一旦CSSファイルをアップロードするとスタイルシートが効いていません。

色々とネットで情報を漁るものの、なかなか解決策を探し当てることができませんでした。

「ブラウザのキャッシュをクリアしろ」が一番多かったかな。

解決策はここにありました。

http://webfeelfree.com/how-to-apply-css/

「Web Feel Free」さんです。

これです:

XHTMLやHTML4.01には宣言が必要

<head>
...
<meta http-equiv="Content-Style-Type" content="text/css" />
...
</head>

助かりました。これで解決です。


そのまま引用させていただきます:

<head>内に宣言を記述します。

この記述は、「HTMLタグの中に書く」では、必須です。
それ以外の記述方法には、特に必要ないのですが、テンプレート・決まり文句だと思って書くことをオススメします。

この宣言を書かなくてもブラウザが、うまく処理してくれます。
ですが、エラーを避けるため忘れずに記述しましょう。

HTML5では、この記述が逆に構文エラーとなってしまうので、書かないよう注意が必要です。

この宣言をザックリ説明しますと・・・スタイルシートにも色々あるようで、そのうちの「CSS」というスタイルシートを使いますよ〜という宣言になります。

「ちゃん蔵」様、ありがとうございました。助かりました。


これでも言うことを聞かないページがあったので、font-sizeのみをhtmlページの<head></head>間に直接書き込んで強制的に指定をしました。


尚、フォントの種類を選ぶにあったては、下記のページに大変お世話になりました。他のどこよりも的確な情報でした。

https://chienomi.org/articles/technology/201910-web-font-settings.html

ちなみに使わせていただくのは、丸ゴシックのこれです:

font-family: "A-OTF UD Shin Maru Go", "MotoyaLMaru", "Hiragino Maru Gothic", "TBChibiRGothicplusK", "TsukuARdGothic-Regular", "TsukuBRdGothic-Regular", "HCP Maru Gothic", "WadalabChumarugo2004emojijp", "Migu 1C", "M+ 1p", "VL PGothic", Meiryo, sans-serif;

「正木はるか」様、ありがとうございます。

HTML 裏技 リンク ボタン 逗子 田越村新聞 Zushi Trivia 根岸英語塾
Site Map