Q&A
はじめまして。teratailの利用は初めてでしょうか？
実際に組んでいるHTMLやCSSのコードを記載するなど、具体的な情報を提示すると回答が得られやすくなります。
質問を編集して、もっと詳細な情報を提供してみましょう。
CSSでフォントを変えようとしています。
bodyに対してfont-family: sans-serif;
と入力しても変更できません。
試しに、いろんなフォントの種類や、h2のみにCSSを適用しても出来ませんでした。
デベロッパーツールで確認をしたら、
font-familyの上に線が引いてあり、
無効になっているみたいです。
ネットで調べましたが解決できず、
こちらで質問させていただきました。
使っているパソコンはMacです。
回答2件
0
なにか変なゴミでも入っているんじゃないですかね・・
HTML
1<html> 2<head> 3<style> 4body{font-family: monospace;} 5</style> 6</head> 7<body> 8test 9</body> 10</html>
投稿2020/05/01 09:02
総合スコア116724
回答ありがとうございます！
もう一度確認いたしましたが
他には何も指定していないので、無いはずです。
私のソースコピペでfont-familyが有効か見られます？
コードを載せてもらえますか？
有効になっております！
では、どこが違うか見比べながらチェックしてください
ハイフンやスペースが間違っていることはあるあるです
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
デベロッパーツールにこのように入っていたのですが
こちらは関係はないですか？
0
ベストアンサー
CSS には優先度があります．
最初に body に CSS を適用してもその後に別の font-family が設定されればそちらが優先されます．
参考までに．
http://www.htmq.com/csskihon/007.shtml
（追記）
作成者側で他の場所で font-family を使用していない場合でも，デフォルトの設定が優先されていることはあります．デベロッパーツールの下の画像の部分でどこの CSS が有効になっているか確認してみてください．
投稿2020/05/01 08:58
編集2020/05/01 14:59
総合スコア110
回答ありがとうございます！
font-familyは、bodyにしか設定しておりません。
他に解決策があれば、お願いします。
bodyに対してこちらのフォントが入っています。cssでは入力していませんが、デフォルトで入っているのでしょうか？
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
フォントが設定されていなかったら表示しない、というわけにはいかないので何らかはデフォルトで設定されています。
画像の該当箇所にカーソルを重ねると矢印が出るので、それをクリックするとどこの要素に CSS がきいているのか調べられます。
その要素より優先度が高いように CSS を設定すれば反映されると思います。
ユニバーサルセレクタにfont-familyを追加したら
変更できました。ありがとうございます。
あなたの回答
tips
プレビュー
