プライベートや仕事で気づいたことやノウハウなどを書き留めるブログです

2011/04/05

Google Web font

0 件のコメント
Google Web fontではフォントデータを公開している。
http://www.google.com/webfonts
ダウンロードして使用することも可能だが、webに埋め込む方法も
提示されている。
http://code.google.com/intl/ja/apis/webfonts/docs/getting_started.html#Quick_Start

使用したいフォントのページを開いて、「Use this font」のタブをクリックすると
コード例が記載されている。
例えば、Orbitron なら下記をヘッダに記載する。
<link href='http://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>
使用したいときは、次のように指定する。
h1 { font-family: 'Orbitron', arial, serif; }

There is something.


Font previewerを使えば、CSSを生成してくれる。
http://www.google.com/webfonts/preview
@font-faceを指定すればいいらしい。
日本語は対応しているものがあるのかもしれない。

フォントを指定することも、CSSデザインの当たり前になりつつあるようだ。

25 New Free High-Quality Fonts
http://www.smashingmagazine.com/2010/12/17/25-new-free-high-quality-fonts-typography/
The League of Moveable Type
http://www.theleagueofmoveabletype.com/

0 件のコメント :

コメントを投稿