凍結
0   Chrome
サイト内で表示されるフォントを変更したいです。調べてやってみたものの反映去れず困り果てています。
明朝体は使えないのでしょうか?
06/07 20:59
返信
コメント投稿 検索
1 あめの K
主に考えられる原因は3つあります。
1.そもそもフォントを読み込めていない
2.フォント名を正しく記述できていない
3.フォントを反映させたい箇所以外に指定している

念のためですが、フォントを指定するときのCSSは以下の通りです。
フォント名は、serifならデフォルトの明朝体に、sans-serifならデフォルトのゴシック体になります。

font-family: フォント名;

ですが、これだけではなく フォントをどこに反映させるかも書く必要があります。bodyだとサイト全体、.aiueoだとHTMLの<div class="aiueo">に反映される、といった感じです。

また、外部からの読み込みコードが必要なWEBフォントもあります。その代表例がGoogle Fontsです。公式サイトからコードをコピーしてフォントを指定することで使えます。


例)Noto Serif Japaneseをサイト全体に適用させたい場合のCSS

/*WEBフォントを読み込む*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');

/*フォントファミリーを指定する*/
body {
font-family: "Noto Serif JP", serif;
}

↑これで反映されると思います。
参考になりましたら幸いです。
06/09 09:59
返信