ページ 1 ／ 1
すいませんCSSなんですが…
Posted: 2017年5月21日(日) 18:34
by 見習い
分かる方いましたら教えてくださいm(_ _)m
Atomで簡単なホームページを作りました。
ファイルからFirefoxでhtmlを開くと、正しく表示されます。
しかし、そのまま更新をクリックすると、フォントが初期のものに変わってしまいます。
何が原因なのでしょうか…。
Re: すいませんCSSなんですが…
Posted: 2017年5月21日(日) 19:32
by みけCAT
その「ホームページ」のデータは提示していただけないのでしょうか？
Re: すいませんCSSなんですが…
Posted: 2017年5月21日(日) 19:39
by 見習い
>>みけCATさん
できません。
実際に見ないとなんとも言えないですよね…ごめんなさい
Re: すいませんCSSなんですが…
Posted: 2017年5月21日(日) 19:41
by みけCAT
では、もうすこし状況を詳しく説明してください。
見習い さんが書きました:ファイルからFirefoxでhtmlを開くと、正しく表示されます。
他のブラウザではどうなりますか？
見習い さんが書きました:しかし、そのまま更新をクリックすると、フォントが初期のものに変わってしまいます。
どのような技術を使っていて、想定する動作はどのようなものなのですか？
最小限の・自己完結した・確認可能なサンプルコードを提示していただけるとありがたいです。
Re: すいませんCSSなんですが…
Posted: 2017年5月21日(日) 20:45
by 見習い
>>みけCATさん
(今日初めてCSSを使ったガチの初心者です…)
InternetExplorerで開いてみたところ、まったく見覚えのないフォントになりました。
「更新」は、Firefox上部の丸い矢印をクリックするか、F5キーを使った「再読み込み」のことを言いました。他はいじってないので、再読み込みしたところで「変化なし」が普通だと思うんですが…。
CSSの提示ということで合ってますか？
body {
font-family: "Sawarabi Mincho";
}
これだけでやってみたところ同じ結果になりました。
(字体はGoogleFontsから。)
Re: すいませんCSSなんですが…
Posted: 2017年5月21日(日) 21:44
by みけCAT
以下のファイルを用い、Windows 7 x64, Firefox 53.0.2 (64 ビット) で実験しましたが、
再読込によってフォントが変わる現象は確認できませんでした。
サーバー経由ではなく、ファイルを直接開きました。(サクラエディタの「ブラウズ」を使用 → file:スキーム)
さわらびフォントをインストールし、linkタグを外すと表示されるフォントが変わることを確認しました。
hoge.css
コード:
body {
font-family: "Sawarabi Mincho";
}
hoge.html
コード:
<!doctype html>
<html lang="ja">
<head>
<title>hello, world</title>
<link rel="stylesheet" type="text/css" href="hoge.css">
</head>
<body>
<p>hello, world</p>
</body>
</html>
Re: すいませんCSSなんですが…
Posted: 2017年5月21日(日) 22:20
by 見習い
>>みけCAT
ご丁寧にありがとうございます(;_;)
バカで本当に申し訳ないんですが、linkタグが問題ということでしょうか…？
<link href="
https://fonts.googleapis.com/earlyacces ... mincho.css" rel="stylesheet" >
今この状態です。
Re: すいませんCSSなんですが…
Posted: 2017年5月21日(日) 22:33
by みけCAT
no7-test.html
コード:
<!doctype html>
<html lang="ja">
<head>
<title>hello, world</title>
<link href="https://fonts.googleapis.com/earlyaccess/sawarabimincho.css" rel="stylesheet" >
<style>
body {
font-family: "Sawarabi Mincho";
}
</style>
</head>
<body>
<p>hello, world</p>
</body>
</html>
としてみましたが、再読込によりフォントが変わる現象は再現できませんでした。
さわらび明朝をアンインストールしても変わりませんでした。
(Firefoxを53.0.3 (64 ビット)に更新しました)
Re: すいませんCSSなんですが…
Posted: 2017年5月21日(日) 23:13
by 見習い
>>みけCATさん
んー…、何が問題なんでしょう…。
またいろいろいじってみます。
すみません、付き合ってくださりありがとうございました。
Re: すいませんCSSなんですが…
Posted: 2017年5月22日(月) 08:25
by hide
1.
対象の要素に対して、思った通りに表示できている場合とそうでない場合について
デバッガでただしくスタイルが当たっているか確認してください。
2.
WebFontでなく、OSにもともと備わっているフォントではどうなりますか
メイリオとか
3.
フォントではなくカラーのスタイル等の場合はどうですか？
ちなみに投稿者さんに求められているのは
CSSの提示 ではなくて、HTMLとCSSです。
ファイルを開けば現象が再現するものをください。
Re: すいませんCSSなんですが…
Posted: 2017年5月22日(月) 11:57
by 見習い
>>みけCATさん
>>hideさん
パソコンを再起動したら正常に作動しました…。
これからはまず再起動するようにします…すいませんでした
本当にありがとうございました。