CSS Nite Shift11（6）「フォント」鷹野 雅弘（スイッチ）、関口 浩之（ソフトバンク・テクノロジー）

2018年2月24日（土）

2017年12月16日（土）ベルサール半蔵門 イベントホールで開催したShift11：Webデザイン行く年来る年のフォローアップとして、鷹野 雅弘（スイッチ）、関口 浩之さん（ソフトバンク・テクノロジー）の『 フォントまわりのトレンド2017』セッションのスライドなどを公開します。

フォローアップメッセージは、イベント開催直後（2017年12月）の時点のものです。

フォローアップメッセージ（補足など）

関口さん（フォントおじさん）から

ご参加ありがとうございました。今年で3年目のフォントセッションでは、鷹野さんと一緒に出演させていただきました。みなさんと一緒に「フォントの世界」を楽しく共有できたこと、感謝いたします。

多くの方から「フォント大好き感が伝わってきた！」とのコメントをいただき、とても嬉しかったです。これからも「知ってるようで意外と知らないフォントの世界」「仕事で役立つフォント情報」「Webフォント最新事情」などを発信していきたいと思います。

「印象に残ったフレーズ」として「フォントおじさん」と回答した方も多かったですが（笑）、次の項目を挙げた方が多かったのは印象的でした。

  • フォントは情報を的確に伝えるためのUI/UX
  • フォントはコンテンツの美観・情報の重み付け・情緒表現

身近な存在でありながら、日頃はあまり意識をしていない書体やフォント。デザイナーだけでなく、Webビジネスに関わるすべての人にとって重要なファクターなのです。『書体の適材適所』を知ると、街中の景色やWebコンテンツを見るのが楽しくなります。そして、書体アドバイスができるようになるとクライアントからも喜ばれます。

今年は「フォントおじさん」として広く知られるようになった一年でしたが、本業では「Webフォントエバンジェリスト」をやってます。Webフォントに関する質問やコメントもたくさんいただきました。

  • Webフォント事例をもっと知りたい
  • Webフォントの技術的なことを知りたい
  • どうやってクライアントへ提案したらいいの
  • ダイナミックサブセッティングを詳しく知りたい
  • 筑紫Q明朝や秀英にじみ明朝はWebフォントとして使えるの？　など

先週、とあるWeb制作会社でWebフォント講座を開催しました。そのときのスライドを共有します。上記の回答もスライド内に掲載してますので、ぜひ、ご一読ください。

フォントおじさんが誕生するまで

今年9月にHTML5 Experts.jp編集長の白石さんが寄稿したフォントおじさんとの対談記事が秀逸なんです。この記事がきっかけとなり、「フォントおじさん」の検索ワードで、じわじわと順位が上昇し、2017年10月中旬から1位をキープしております。ありがとうございます。

FONTPLUS入会金0円キャンペーン（Shift11参加者限定）

少しだけ、自分が立ち上げたWebフォントサービスのPRをさせてください。

「FONTPLUSは表示速度が速いし、プロフェショナル書体がたくさん揃っているのはいいけど、入会金1万円のハードル、高いよね」という意見をよくいただきます。

そこで、SHIFT11参加者限定の入会金0円キャンペーンをご用意しました。技術情報も掲載しています。

6年前に、Webフォントのプラットフォーム事業を企画立案して、ソフトバンク・テクノロジーで「FONTPLUS」というサービスを立ち上げました。

1つのライセンス契約で「日本国内外の有名フォントメーカーのWebフォント書体が全部使える！」Webフォントの高級百貨店を事業の旗印に掲げました。

現在、フォントワークス・イワタ・モトヤ・白舟書体・方正・YoonDesign・モリサワ・大日本印刷・SCREEN・砧書体制作所・凸版印刷・Junglesystemの12フォントメーカーの約1,000書体を使えるWebフォントサービスになりました。

来年は、書体メーカーをさらに増やしたいですね～

FONTPLUS DAY Vol.12 事前告知（SNS拡散禁止で！）

フォントかるた制作チーム四名（伊達さん、せきねさん、星さん、横田さん）をお呼びして、FONTPLUS DAY Vol.11「フォントかるた祭り（仮称）」を2018年1月10日（水）19時～、東新宿のソフトバンク・テクノロジーのセミナールームで開催します。

いつも、募集初日で定員に達する無料セミナーです。Shift11の参加者に募集開始日とURLをお知らせします。

募集開始日: 2017年12月20日（水）15時～FONTPLUS DAY Vol.12募集受付URL

※12月20日（水）15時までは受付ページはでません。

フォントおじさんの関連記事、寄稿記事リスト

マイナビ「IT Search+」というメディアで「Webフォント基礎講座」を連載していますので、Webフォントの「基本のキ」を学びたい方におすすめします。

また、どこかでお会いできることを楽しみにしております。

鷹野から

ご参加ありがとうございました！3年目のフォントセッション、関口さんとの初コンビで楽しく準備できました。

最後のまとめでのメッセージを、アンケートで「印象に残ったフレーズ」として挙げてくださった方が多かったのが印象的でした。

  • 装飾でがんばるのでなく、世界観に合ったフォントを選択する
  • 適切なフォントを選択するとフォントの存在感は消える

「今年の文字」に、これ（エイリアンの文字）を入れたかったです。文字や言語に関してもですが、映画そのものもおもしろかったです。もう、レンタル可能になっています。

リンク集

筑紫Q明朝
ビャン

「?辶?穴?月???幺長?言馬?幺長刂心」を入力して、フォントを「源ノ明朝」または「Noto Serif」に設定すると「ビャン」の漢字になります。

貂明朝

貂明朝は、来年のアップデートでカラーフォントとして利用できるようになるようです。

ハンバーガーの絵文字
カラーフォント

Fontself: Make fonts in Illustrator - Fontself - Make your own fonts in Illustrator & Photoshop CC. The easiest font maker fro all creatives!

テキスト表現のトレンド

ウェブフォントについて

ウェブフォントのプロコンについて、以前に作ったチャートを共有します。

よい点：

主に悪い点：

その他

2015年のフォント総括／鷹野 雅弘（スイッチ） from swwwitch inc.

2019年、CSS Niteでは49回の関連イベントを通して123セッションが行われました。その中からベスト・セッション＋αを選びました。

2010年から2019年のベスト・セッション