気を取り直して、本編を始める前のお知らせから。前編・後編》をレポートしました。XDでデザインしたトップページのカンプを元に、flexboxを用いたコードの解説をしています。このまま進むと6回の放送で終われそうですが、トータル時間としたら8時間以上となるんですね。した講習会ぐらいのボリュームになってます。無料で視聴できますので、ぜひご覧になってみてください。......ということで、本題のフォントを紹介へ戻りましょう。●フォントの違いって意識してる?文字があれば、その形「フォント」があります。世の中のにあるたくさんの文字には、さまざまなフォントが使われているのですが、フォントの違いを意識して見ていますか?例えば、ボラギノールさんの公式サイトでは、ロゴのフォント・冒頭アイキャッチの雰囲気のある明朝体、説明文の読みやすい細ゴシック......と、さまざまなフォントが使われています。ボラギノール公式サイトhttps://www.borraginol.com/https://www.borraginol.com/いろんなフォントを適切に組み合わせることで、企業イメージが表現されているなと感じました。※ボラギノールさんのウェブサイトを例にしましたが、おかげさまでお尻は健康です。仕事柄、いろんなサイトのデザインを研究してます。私自身のフォント事情はどうかというと、普段使いのスタメンフォントをいくつか決めています。●普段使いのフォントたちゴシックと明朝に分けて、使いやすいフォントを2つづつ決めています。〇普段使いのゴシック“たづがね角ゴシック”https://www.monotype.com/jp/%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88/%E3%81%9F%E3%81%A5%E3%81%8C%E3%81%AD%E8%A7%92%E3%82%B4%E3%82%B7%E3%83%83%E3%82%AFhttps://www.monotype.com/jp/%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88/%E3%81%9F%E3%81%A5%E3%81%8C%E3%81%AD%E8%A7%92%E3%82%B4%E3%82%B7%E3%83%83%E3%82%AF誰が見ても読みやすく、どんなところに使っても印象がよく、人とはちょっと違うゴシックフォントが欲しいと思っていました。1ウェイトで18,000円ぐらいするフォントですが、「これをウチのゴシックにしよう」と思い、10ウェイト揃えました。清水の舞台の買い物でした。※フォントの「ウェイト」とは、太さ違いのこと。設計されたフォントでは、同じ形の太さの異なるフォントが複数あります。数年使い続けていますが、ここ一番で迷わずにしっかりとした画が作れる良いフォントだと思います。“源ノ角ゴシック”https://ja.wikipedia.org/wiki/%E6%BA%90%E3%83%8E%E8%A7%92%E3%82%B4%E3%82%B7%E3%83%83%E3%82%AFhttps://ja.wikipedia.org/wiki/%E6%BA%90%E3%83%8E%E8%A7%92%E3%82%B4%E3%82%B7%E3%83%83%E3%82%AFAdobeとGoogleが共同開発した、フリーライセンスのフォントです。他者とデータ共有する時や、ウェブフォントとして公開する時は、こちらを使っています。フリーライセンスのフォントをひとつ決めておくと、共有するデータを出す時に、ライセンスを気にしなくても良いため便利です。読みやすさを追求したフォントというだけでなく、4ウェイトも準備されており、フリーフォントながらも使い勝手のよいフォントだと思います。“源柔ゴシック”や“源暎フォント”など、このフォントを元にした派生フォントも多くあり、ちょっとしたアクセントに併用することもできて便利です。Code”や“Myrica”というフォントも使っています。※プログラミング用フォントとは、「0(ゼロ)」と「o(オー)」など、見分けが付きにくい文字のデザインが工夫されていて、プログラムのミスを防ぐためのフォントです。Fontsライセンスの明朝体でAdobe製のフォントです。Cloud内のサービスなので、追加料金を気にすることなく導入できるのが嬉しいところです。5ウェイトある“りょう”は、「明朝体が必要だ」という時にしょっちゅう使っています。Fontsで利用できるのは助かります。“貂明朝”は、太・細の2ウェイトしかないのですが、女性らしいやわらかさがあり、しっとりとしたよい雰囲気に仕上がります。●ワンポイントに使う、リリーフフォント形が風変わりなフォントは字数が多いときには使いづらいですが、字数少なめでキャッチコピー的に使うと、キラリと光って味となります。そんなリリーフフォントは、フリーフォントや数千円で買いきりのフォントを使うことが多いです。〇フロップデザインhttps://www.flopdesign.com/https://www.flopdesign.com/フロップデザインさんのフォントは、とにかくため息が出るほど「かわいい」です。雰囲気がありすぎるだけに組み合わせがむずかしいのですが、写真やイラストと共にレイアウトして、このフォントがバチッとはまればとても可愛いものが作れます。数あるフォントで、特にわたしが好きなのは“本丸ゴシック”シリーズです。〇フォントなhttp://www.fontna.com/category/gallery/http://www.fontna.com/category/gallery/フリーフォントの“やさしさゴシック”、“ロゴタイプゴシック”、“ラノベポップ”でおなじみの“フォントな”さんのフォントは、やさしさにあふれています。それほど我が強いわけではないですが、スパイス的に使うと雰囲気が演出でき、欠かせないフォントです。〇ふい字http://hp.vector.co.jp/authors/VA039499/http://hp.vector.co.jp/authors/VA039499/フリーフォントの“ふい字”は、近所のあこがれのお姉さんの手書きフォントという雰囲気です。手書きが欲しいな、と思ったときは、こちらを使います。●憧れのフォントたちフォントをレンタルするサービスで、前々から利用したいなと憧れているのが『mojimo-live』です。mojimo-live|mojimohttps://mojimo.jp/live/https://mojimo.jp/live/1年間で約1万円程度の費用で、動画のアイキャッチによく合う40書体がレンタルできます。“くろかね”、“ベビポップ”、“ラグランパンチ”など、バラエティやテレビアニメでおなじみの、太めで味のあるフォントが揃っています。「動画のサムネがヘン」といわれた私も、これを使えば少しはYouTuberっぽくイケた感じになるのかしら......。レンタルスタートすると費用がかかり続けるので、しっかりとYouTubeの配信体制が整ったら借りようと目論んでおります。......というわけで、今回はこちらまで。いうハッシュタグをつけて、私自身の昔の仕事の思い出をつぶやき始めました。https://twitter.com/hashtag/%E3%82%82%E3%82%8A%E3%81%8B%E3%81%9A%E6%98%94%E8%AA%9E%E3%82%8A?f=livehttps://twitter.com/hashtag/%E3%82%82%E3%82%8A%E3%81%8B%E3%81%9A%E6%98%94%E8%AA%9E%E3%82%8A?f=live思い返すと昔のできごとを驚くほど覚えていないことに気づかされ、本当に忘れてしまわないうちに、防備録代わりのツイートすることにしました。面白いと評判なので、ぼちぼち続けていこうと思います。記事)川合和史@コロ。