2/22（水）、モリサワのTypeSquareサービスが開始されたので、WebFontサービスをピックアップしてまとめることにした。
ちなみに、モリサワは2012年2月22日(水)〜2012年12月31日(月)まで、【オープン記念¥0キャンペーン】を開催中なので、短期サイトならビジネスでも使用できる可能性が高いですね。
太っ腹なモリサワさん。ありがたや(人´∀`)ｱﾘｶﾞﾄｰ♪
解体してみたー【ウェブフォント デザインアワード2011】の文字間調整はどうしてる？
前回のCSS Nite LP, Disk 21の講演中にちらりと出た話を調べてみる。
Web Designing ウェブフォント デザインアワード2011のページはWebFontを使用している。
「ウェブフォント デザインアワード」と銘打ってるのだから、ここで画像文字なんか使った日には「えー(´・д・`)」という話になる。
講演中に「この文字間はどうやって調整してるんでしょうね？」というような話になった。
それで、ソースを見てみると･･･
文字間が調整されている形跡があるのだが、どうやってやってるのだろう。
ひと文字ひと文字調整してるのかな？
それともjQueryのプラグインでいいものあるの？
･･･という個人的な好奇心で、コードを解体してみることにした。
CSS Nite LP, Disk 21「タイポグラフィ、組版、Web Fonts」を聴講した。
ここ最近、有料版に出席していたものの機を逸してBlogをUPせず状態・・・いかんよなあ。途中まで書いて力つきるという情けなさ。
…ということで、「鉄は熱いうちに打て」ということで、さっそく覚え書きという名のレポート。
今回はWebデザインやコーディング技術に関する話というよりも、意外と知られていないアルファベットや欧文の表記の仕方など、デザインを考える上で非常に重要なタイポグラフィの話です。
私自身は建築系のデザイナーから出発しており、その業務の中で若干のDTP制作や、学生時代に写植の初歩中の初歩を教わったり、タイポグラフィの授業があった程度なのですが、Webデザイナーはフォントの扱いについて、あまり丁寧ではないと言われています。
これはMacやWinがDTP業界に進出し、ベタ打ちのままでもそれなりにできてしまうからという側面がありそうですが、その中でも「なんとなーく」流し込んでいるアルファベットや欧文に関する話です。
正直、欧文に関しては「なんとなーく」入力していたので、目から鱗な数々です。
以下、各セッションのタイトル部分の人物名は敬称を省略させていただいています。
“CSS Nite LP, Disk 21「タイポグラフィ、組版、Web Fonts」を聴講した。” の続きを読む