【まとめ】ブログやホームページ、書類作成におすすめのフォント

フォントも配色やレイアウトと同様、読む人にとって「読みやすい」「わかりやすい」ものでないといけません。
なんとなく「かわいいから」とか「スタイリッシュな感じがする！」とか「自分のサイトにはこのフォントが似合う」という理由で馴染みのないフォントを使用してしまうと、相手に大きなストレスを与えてしまいます。
あなたの印象は悪くなりますよね？
ビジネスで言えば、相手が感謝の気持ちをもって報酬が発生します。感謝してくれる相手に嫌なことをするのは気分的にもモラル的にもよくないことはわかると思います。

例えば、いじめ問題に対して真剣に話しているのに、フォントがかわいくてふわふわしたようなものであったら違和感を感じます。
スーツ店のポップが原宿のファンシーな感じだとしたらどうでしょう？　誠実な印象はなくなると思います。

かわいいフォントや個性的なフォントがダメとは言いません。
汎用的でないものは、ロゴ作成などに使いましょう。
文書やブログ記事作成には、読む人に合わせた文字、イメージに合った文字を使うのが基本です！

使っているOSで最適なフォント

●ゴシック体

美しく読みやすいフォントです。
「Noto Sans CJK JP」はフリーフォントですので、ダウンロードが必要です。当サイトもこちらのフォントを優先して表示しています。

●明朝体

Windowsでは、「Noto」の明朝体をお勧めします。
「Noto Serif CJK JP｜源ノ明朝」もゴシック体同様、ダウンロードが必要です。

●英数字
こちらはWindowsでもMacでも両方使えるフォントを選んでいます。

当サイトのフォントはこのように指定しています

/* フォント */
body{
  font-family: 'Noto Sans CJK JP', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, 'Quicksand', sans-serif;
  font-weight: 400;
  font-size: 106%;
  line-height: 1.9;
  letter-spacing: 0.3px;
  color: #333333;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-wrap: break-word;
}
@media only screen and (min-width: 768px) {
  body {
    font-size: 105%;
  }
		.entry-content p{
		padding: 0 ;
	}
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 104%;
  }
	.entry-content p{
		padding: 0 ;
	}
}

最後に

基本は

• ゴシック体
• Windowsなら「メイリオ」、Macなら「ヒラギノ角ゴシック」
• 英数字はサンセリフ体

この３つに沿って作成すれば間違いありません。