タグ

fontとanimationに関するFouのブックマーク (2)

  • ゆず屋: [フォント] 『偽物語』と『エトランゼのすべて』、2種類の宋朝体

    同人誌『書体の研究』 Vol.10 で取りあげたイワタの宋朝体について、先日の ust で補足を行ったのですが、ブログにも簡単に残しておくことにします。 ■ 『偽物語』のフォント *画像はTVアニメ『偽物語』(西尾維新/講談社・アニプレックス・シャフト)より イワタ宋朝体の話の前に、まずは『偽物語』のことから。 現在TVアニメが放送中の『偽物語』(西尾維新)ですが、このタイトルには新宋体というフォントが使われています。 新宋体は、ダイナコムウェアから出ているもので、「宋朝体」という系統の書体です。 『書体の研究』 Vol.10 でも書きましたが、宋朝体は宋代の中国に起源を持つ書体で、木版に彫って印刷していた文字であるために彫刻の鋭さを残したデザインになっています。 明朝体とちがって横の線が右上がりになっているのも特徴です。 こちらの図は、上がフォントをそのまま打ったもの、下が75%の長体を

  • cssのちょっと小粋なテクニック13個 - かちびと.net

    小粋の定義は分かりませんが、ちょっと「おっ」と思えるcssのテクニックをいろいろと。以前、記事にさせていただいた、cssとHTMLのみで3D効果を実現したテクニックで他にも無いかなと思って同様に驚いたテクニックです。 3Dのテクニック同様に実用性があるかどうかは考えていませんが、何かのヒントになるかも・・と思い、cssplayでちょっと探してみましたのでいくつかのcssを使った良アイデアや高度なテクニックなど。 ざっとしか見ていませんが、多分jsは使ってないと思います。 Film strip gallery with information text ネガポジ加工された画像にフィルムのような枠をつけてマウスオーバーで写真を表示するギャラリー。 Film strip gallery with information text Super animationjust for the fu

  • 1