モリサワ、クラウドフォントサービス「TypeSquare」でCSSサンプル集を公開

株式会社モリサワは、さまざまな書体をWebフォントとして使用できるサービス「TypeSquare」のWebサイト上でCSSサンプル集の公開を開始した。今回公開されたサンプルは「TypeSquare」の書体を用いたテキスト装飾の例で、ソースコードも公開されており、制作の参考にすることができる。

CSSサンプル集は「TypeSquare」の特設Webページ（URL：http://typesquare.com/sample/csseffect/）で閲覧することが可能だ。「シャドウを使って発光したような立体表現」、「たすきがけのような斜めに傾けたデザイン」、「木に彫り込んだようなエンボス表現」など多彩なアイデアを掲載。マウスを合わせることでフェード/スライド/回転してキャプションを表示させるサンプルをはじめ、インタラクティブな動きを伴う表現の制作例も含まれている。

グラフィカルな表現が満載だが、これらは全て「TypeSquare」のWebフォントを活用して作成されており、画像化せずにテキストとして扱われているもの。パソコンのブラウザだけでなく、スマートフォンやタブレットなどのデバイスでも同様に表示される。

「TypeSquare」CSSサンプル集
URL：http://typesquare.com/sample/csseffect/

株式会社モリサワ
URL：http://www.morisawa.co.jp/
2013/08/30