フォント(font-family) って、何を指定するか迷いますよね。
時期によって、ブームやトレンドがあります。
今回は、「フォント(font-family) 」をご紹介します。
目次
「font-family」とは
「font-family」とは、ホームページやブログのフォントを指定するものです。
CSSで指定することで、自由にフォントを設定することができます。
「font-family」には、時期によって、ブームやトレンドがあります。
Webフォントを指定する
これからの、「font-family」。
「Webフォント」を、利用してみると、オシャレかもしれません。
デバイスや環境が変わっても、同じフォントを表示することができます。
「Noto Sans Japanese」など
「Noto Sans Japanese」などの、フォントですね。
「Yaku Han JP」と合わせて、利用することもできます。
「Google Fonts」などで、探してみても良いかもしれませんね。
Noto Sans Japanese - Google Fonts
Noto is a global font collection for writing in all modern and ancient languages. Noto Sans JP is an unmodulated (“sans serif”) design for the Japanese language
Yaku Han JP - 約物半角専用のフォント
Yaku Han JP(ヤクハンジェイピー)は、日本語テキストに含まれる約物を半角にするフォントです。
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
シンプルなフォント指定
あえて、シンプルに設定するのも、アリかと思います。
- font-family: sans-serif;
- font-family: “メイリオ”, sans-serif;
- font-family: “Hiragino Kaku Gothic ProN”,”メイリオ”, sans-serif;
などですね。
一番大切なのは「コンテンツ(中身)」
とはいえ、一番大切なのは、「コンテンツ(中身)」です。
我々もやりがちですが、こういうのって、やり始めるとキリが無いんですよね。
「最低限」や「6割くらい」を、意識すると良いのではないでしょうか。
デザインについては、書籍を参考にしてみても、良いかもしれませんね。
編集後記
今回は、「フォント(font-family)」についてご紹介しました。
見た目も、もちろん大切ですが、ほどほどにしておきたいものですね。
参考にしてみてください。
【Canvaとは】おすすめの無料オンライン画像編集ソフト(商用利用)
【Canvaとは】おすすめの無料オンライン画像編集ソフト(商用利用)
【HTMLメールとは】作り方やメリットを初心者向けに分かりやすく解説
【HTMLメールとは】作り方やメリットを初心者向けに分かりやすく解説
【無料・商用利用可】おすすめのオシャレな厳選フリー画像素材サイト
【無料・商用利用可】おすすめのオシャレな厳選フリー画像素材サイト