Lopan.jp

なつかしくってあったかい、きりぎりす。 #LOVEFONT

懐かしくって、暖かい。お気楽なきりぎりす。

#LOVEFONTとは、WEBCRE8.jpで記事を書いている@glatyouさん発の“フォント好きな人がフォントについて熱く語る”企画。いろんな方がブログを通じて、フォントへの思いを綴っています。
年末恒例のアドベントカレンダーからもたっくさん投稿されてるので、#LOVEFONTで検索すれば、いろんなフォントについての記事が読めますよ:D!

#LOVEFONT Advent Calendar 2013

そんなわけで、僕の好きなフォントについて、語るってほどは語れませんが、記事にさせていただきますー;)。

僕の好きなフォント

さて、僕の好きなフォントはきりぎりすというフォントです。
いろんなところで使われてるので見た事ある人たくさんいると思います!
独特のフォルムが愛らしい、切り文字のようなフォントです。ぬくもりとかやさしさが感じられて、見てて元気になりますよね!

きりぎりすで「あなたの街の、パンカフェです。」

きりぎりすはFONT1000と、デザインシグナルからリリースされているデザインフォントです。
キリギリス(TA-kirigirisu)と、その増強版のきりぎりす(DS-kirigirisu)があって、キリギリスは「FONT1000」から、きりぎりすは「デザインシグナル」からリリースされてます。

「キリギリス」と「きりぎりす」、パッと見た印象はほとんど違いは分かりませんが、よーく見比べてみると微妙にほぼ全文字違います。線の太さが違うものもあれば、角度とか点の位置が違ったり…、あとオプティカルで詰めた時の詰まり具合も違います。きりぎりすの方が、より線が整理されて一文字ごとのバランスがよくなってるカンジがします。
きりぎりすでは収録文字も追加しているそうで、たしかに増強版なのです:D!

キリギリスときりぎりすの比較

作者さん

きりぎりすの作者は七種泰史さんという方で、株式会社デザインシグナルのグラフィックデザイナー兼、書体デザイナーであります。

グラフィック全般、アートディレクションおよびデザインワークと書体創作活動。
こころがこもったデザインと、こころのこもった文字創りを目指す。
モリサワからはるひ学園、フォント1000からウォークをはじめ17書体を発売中。
デザインシグナルセレクト版として、ユーミンウォークなど25書体を販売中(2014年1月現在)

書体をつくる時はまずネーミングから決めるそうで、その名前の持つイメージから文字のカタチを作っていくそう。道理でどの書体もその名にぴったりなカタチと表情を持ってますX)。
年に数書体ずつ新しい書体をリリースしていて、新書体完成の度に次回予告があるのがすごいです。
作り手が楽しんでつくられているからこそ、その思いが書体からもひしひしと伝わって、見る人も楽しい気持ちにさせちゃうんですねXD!

七種さんのフォントは下記、デザインシグナルのサイトで紹介されてます。

七種さんのつくるフォントはどれもやさしくて、味があって、匂いがあって、温度があって、心をくすぐられるんですよね;)。きりぎりすの他にも、フラミングとか歩明とか、なみ風も好きだなー。

おまたせ。書体販売。DS版 七種泰史。

フォントのご購入は下記サイトを参照のこと!
※DLmarketではお得なセット販売もありとのこと。ちなみに僕はFont Factoryで購入しましたよ;)。

使いどころ

デザインシグナルのサイトの下記ページで、七種さんのフォントの使用例が紹介されてます!

こんなところにわたしの書体が。3

書籍のタイトルや、ポスターでの使用が多いでしょうか。 難しい本から子供向けの絵本まで、いずれも楽しさや、優しさ、可愛らしさを演出するのに一役買っています。

きりぎりすは一文字一文字にクセがあって可愛らしいから、ベタ打ちするだけでも充分タイトルとして見栄えちゃいます!
絵本では本文で使っても読みにくくなく、むしろ本文も含めてひとつのイラストとして馴染んじゃうくらい、イラストみたいなフォントでもあります。
Webでは、バナーとか、キャンペーン名とかにポイントとして使われる事が多いみたい。
こちらのCMで使われてるのが有名なのかなたり、あと、少女漫画のタイトルとかでよく見かけますねー;)。

文字組み

きりぎりすをベタ組みすると下図のように文字間が広く取られてしまいます(下図)
このままでもこの書体の雰囲気にマッチしてて素敵ですけど、バナーに使う時とかには、もちょっと文字間を詰めたいところです。

ベタ打ちなきりぎりす

とはいえ、きりぎりす、キリギリスともに、プロポーショナルメトリクスは用意されてません
なので、文字のアキを調整する場合には、カーニングをオプティカルに設定した後、気になるところを手詰めする方法がおすすめです:)。※オプティカルは、アプリケーション(ここではPhotoshopやIllustrator)で独自に文字間を調整する機能のこと
手順は以下の通り。

  1. 文字のレイヤーを選択した状態で、カーニングの設定を「オプティカル」に変更。これだけでもじゅうぶん文字間が揃いますけどもうちょっと。

    カーニング設定をオプティカルに設定
  2. トラッキングで一旦、極端に詰める(ここでは-200に設定)文字と文字が近づいてた方が調整しやすいと思うのです。

    トラッキングで一旦ギリギリまで詰める
  3. 句読点の後ろとか、かなとかなの間など気になるところのカーニングをちょちょっと調整(個人差あります)
    ※下図の数値があるところが調整した箇所、数値がないところはオプティカルのままの箇所です。

    カーニングを微調整
  4. 最後にトラッキングを緩めて(ここでは-50にしました)、できあがり。

    トラッキングを緩めたらできあがり

こんな感じになりました。

調整過程

さいごに

フォントって大事だなって思う、きっかけになったのがこのフォントでした:D。
以前まではフォントにはそんなにこだわりなく、Macに最初から入ってるフォントとか、フリーフォントを使っていたんですけれど、とある案件のデザイン制作時、なんだか物足りない画面だったのが、ある一部をこのフォントに変えただけで、パッと完成度が上がった気がしたんです。

フォントひとつで、画面の雰囲気や気持ち、伝わり方まで変わります。だから、伝える内容や、伝える相手に合わせてフォントを変えます。
このフォントに出会えてよかった、ていうと大袈裟ですけど僕にとって、そんな思い入れがあるフォントなのです。

以上、僕の好きなフォント「きりぎりす」でした!

ありがとうございました!

  • このエントリーをはてなブックマークに追加
  • ツイート

Comment & Pingback

6 Comments! for なつかしくってあったかい、きりぎりす。 #LOVEFONT

  1. まさ

    以前からこの書体が気になっていまして、
    いざ購入の前にデザインポケットの使用許諾を見ていたのですが、ニュアンスが複雑で悩んでしまいました…(°_°)

    基本的に非商用のみ許可されていて、カタログやパンフレットの一般印刷物では使用可能、(商用っぽいのに?)
    webで画像として使う場合や、pdfに埋め込んで使用の場合(チラシのpdfをサイトにアップってよくありますよね。)は許諾をとってください、と…。

    読めば読むほどわからなくなって、ポカーンとしてしまいました(°_°)
    わからないことをまとめて販売元に問い合わせをしているのですが、

    ちなみにwatercolorさんは、このフォントに対してどのような範囲であれば使っても良いと理解されておりますでしょうか。。
    よろしければご意見をお伺いしたいです(O_O;)

    しかし、本当に可愛らしいフォントですよね(OvO)
    購入したら違反の無い範囲でたくさん使いたいです!

    Reply

    • _watercolor

      > まささん
      コメントありがとうございますー!
      可愛いですよね、きりぎりす。

      フォントに対しては基本的に「フォントとして使える状態で公開してはダメ」という認識でおりますよ。なので、PDFをサイトにアップする時とかは、デザイン処理された状態で、アウトラインをとって使うようにしてます:)。
      WEBページの文字表現のため”というのは多分、Webフォントの事じゃないかと思います!たぶん!
      デザインシグナルのサイトの使用許諾契約では該当部分が強調されてるので、その部分は安心してますよー。

      ぜひ購入して使ってみてくださいませませ。お気に入りのフォントは、持ってるだけで気分が上がります;D。

      Reply

      • まさ

        早速のご回答ありがとうございます!
        ちょうど先ほど作者さまからご回答いただいたのですが、まさにwatercolorさまの認識そのままでした!さすがですね!(OvO)

        著作権についてはデリケートな問題なのでつい身構えてしまって、
        まさかの個人利用しかダメなのかと勘違いしてしまいました…(°_°)

        フォントメーカーの規約によくある、webフォントや商標登録、TV関係の使用がNGのようですね!
        フォント自体で営利を目的にしなければいいということは使い放題ですね!
        嬉しくて早速買っちゃいましたー!(OvO)

        作者さまのフォントとても可愛いものばかりなので全部買い揃えたいです!
        これからも更新楽しみにしておりますー!(OvO)

        Reply

        • _watercolor

          > まささん
          お返事ありがとうございます!
          よかったー、僕もいっそう安心しましたX)!
          素敵なフォントライフを送りましょー!

          今後ともよろしくです!

          Reply

  2. ねこ

    うさぎさんのお耳がピコピコ動くのがとてもかわいいです。
    更新楽しみにしております。

    Reply

    • _watercolor

      > ねこさん
      わぁ〜、細かいところまで見ていただけてうれしいですーX)!
      コメントありがとうございます!今後ともよろしくです:)。
      更新お楽しみにぃ!

      Reply

コメントを残す

*がついている欄は必須項目です。