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;
「正木はるか」様、ありがとうございます。