メニュー
このは屋
スモールビジネス特化の学び舎
スモールビジネス特化の学び舎。スモールビジネスオーナーに向けて、ネットから集客する方法、オンラインで商売する方法、労働集約型から知識集約型へ移行する方法、サブスクリプションで収益を安定させる方法…etc。鼻歌まじりの商売を、ワンストップで、トータルにサポートしている。

【font-familyとは】おすすめの指定とオシャレな日本語Webフォント

このは屋
このは屋
スモールビジネス特化の学び舎 このは屋です。

フォント(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」などで、探してみても良いかもしれませんね。

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 - 約物半角専用のフォント Yaku Han JP(ヤクハンジェイピー)は、日本語テキストに含まれる約物を半角にするフォントです。
Google Fonts
Browse Fonts - Google Fonts Making the web more beautiful, fast, and open through great typography

シンプルなフォント指定

あえて、シンプルに設定するのも、アリかと思います。

  1. font-family: sans-serif;
  2. font-family: “メイリオ”, sans-serif;
  3. font-family: “Hiragino Kaku Gothic ProN”,”メイリオ”, sans-serif;

などですね。

一番大切なのは「コンテンツ(中身)」

とはいえ、一番大切なのは、「コンテンツ(中身)」です。

我々もやりがちですが、こういうのって、やり始めるとキリが無いんですよね。

「最低限」や「6割くらい」を、意識すると良いのではないでしょうか。

デザインについては、書籍を参考にしてみても、良いかもしれませんね。

編集後記

今回は、「フォント(font-family)」についてご紹介しました。

見た目も、もちろん大切ですが、ほどほどにしておきたいものですね。

参考にしてみてください。

あわせて読みたい
【Canvaとは】おすすめの無料オンライン画像編集ソフト(商用利用) 【Canvaとは】おすすめの無料オンライン画像編集ソフト(商用利用)
あわせて読みたい
【HTMLメールとは】作り方やメリットを初心者向けに分かりやすく解説 【HTMLメールとは】作り方やメリットを初心者向けに分かりやすく解説
あわせて読みたい
【無料・商用利用可】おすすめのオシャレな厳選フリー画像素材サイト 【無料・商用利用可】おすすめのオシャレな厳選フリー画像素材サイト
目次