[B! webfont] kick178のブックマーク

Web Fontの新しい使い方！US地図をWeb Font/CSSで表現·Stately MOONGIFT

StatelyはWeb Font/CSSを使ってUS地図を表示するソフトウェアです。地図（ここではUS）をWeb上に描こうと思った場合、SVGを使ったり画像を使うのが一般的です。しかし今回は一風変わったやり方、Web Fontを使ったStatelyを紹介します。デモです。このアメリカの地図がフォントで作られています。一部を見ると、ハイライト設定されているのが分かります。フォントビューワーで見た所。州の形ごとに作られているのが分かります。 StatelyはWeb Fontとスタイルシートで指定されているので色を変更するのがとても簡単です。それも州の略である二文字で指定できます。マウスオーバーなどのアクションを付けるのも簡単でしょう。デメリットとしては厳密に計算された場所に配置されているので、フォントの大きさを変更したりすると一気に崩れる可能性があることです。 StatelyはWeb

kick178 2013/02/25

アメリカの地図がフォント

リンク

Webフォント TypeSquare

UD新ゴ M Webフォントは新たな表現力を提供する文字が伝えるものは言葉の意味だけではなく、用いられる書体によりその印象は大きく異なります。ウェブデザインにおいて、さまざまな書体の中から目的に合った Webフォントを選び出し、的確に使うことが必要になります。リュウミン R-KL Webフォントは新たな表現力を提供する文字が伝えるものは言葉の意味だけではなく、用いられる書体によりその印象は大きく異なります。ウェブデザインにおいて、さまざまな書体の中から目的に合った Webフォントを選び出し、的確に使うことが必要になります。 A1ゴシック M Webフォントは新たな表現力を提供する文字が伝えるものは言葉の意味だけではなく、用いられる書体によりその印象は大きく異なります。ウェブデザインにおいて、さまざまな書体の中から目的に合った Webフォントを選び出し、的確に使うことが必