タグ

fontとTypographyに関するyuichiro0526のブックマーク (4)

  • ゆず屋: [フォント] 『ちはやふる』のロゴの謎

    ■ 『ちはやふる』のロゴの謎 「謎」なんていうとちょっと大げさですが、今日は『ちはやふる』のロゴに使われているフォントについて少し書きたいと思います。 末次 由紀さんの『ちはやふる』はTVアニメで知った作品なんですが、実はTVで放送されていたときからこのロゴがずっと気になっていました。 というのも、ぱっとみるかぎり何のフォントを使っているのかよく分からないからです。 (もちろん、既製のフォントでないという可能性もありますが) そこで、来年1月からアニメ第2期の放送も決まったことですし、ちょっと調べてみることにしました。 ■ 明朝体の仮名 ロゴに使われているのは、上の画像の通り明朝体の仮名のようです。 (「明朝体の仮名」っていう言い方は変なんですが、他に良い表現もないので……) (画像をクリックで拡大) もちろん、明朝体と一口に言ってもかなりの種類があります。 上に挙げたのはその一例です。

  • タイポグラフィの素晴らしい世界をまずは無料のものから学んでみるebookのまとめ

    タイポグラフィの基礎知識や用語解説、基テクニックなどをまとめたフリーのebook(PDF)を紹介します。

  • Webデザイナー(私)によるタイポグラフィーレイアウトの注意書き

    私は DTP デザインが苦手です ...。でもときどきお客さんから、フライヤーとかポスター、名刺なんかの紙のデザインを頼まれます...。そこでもっと勉強しなくちゃいけないなーと感じていたのが、タイポグラフィーについてのこと。今回はタイポグラフィーとそのレイアウトについて学んだことをまとめてみました。 以前グラフィックデザインをしている先輩に、グリッドシステムや揃えるだけがデザインじゃないし、もっとタイポグラフィーやレイアウトのことを勉強しなさいと言われました …。私は普段、Webデザインしかしていないんですけど、ときどきフライヤーやポスターのデザインを、ついで仕事のような形で頼まれる事があります …。 でも、Webデザインしかしてこなかった私は、紙媒体 – DTP デザインが苦手です …。ちょうど 1年くらい前にも同じような記事、Webデザイナー(私)によるDTPデザイン注意書き:Webと

  • HTMLで文字詰めするタイポグラフィー用JS | fladdict

    HTMLのテキストに対して、文字詰めを行えるスクリプト FLAutoKerningクラスを作ってみた。サンプルはこちら。zipも。 スクリプト内に任意のカーニングペアを定義することによって、ブログのタイトル等のテキストに字詰めを行ってくれるスクリプトです。なんか探しても見つからなかったので自分でやってみた。いちおう朗文堂の新宿私塾に行ったわけだし、僕もなんか成果物作らんとなぁ。。。的に。 実行はとても簡単。jQueryと一緒にhtmlにロードして、 FLAutoKerning.process($(‘h1′)); FLAutoKerning.process($(‘h2′)); FLAutoKerning.process($(‘h3′)); といった具合に、適用したhtml要素を一括していしてやるだけ。カーニング情報の定義も、FLAutoKerningクラスの頭に、下のようにem単位で定義する

  • 1