今までのWebページはfontを指定してもクライアントのPCにWebページ側から指定されたフォントがインストールされていなければ正しく表示されませんでしたが、CSS3からサーバー側にインストールされているフォントをクライアント側に表示させる事が可能になるそうです。
ただ、このブログはサーバーの設定をいじれないので今回はグーグルの公開しているAPIからWebフォントを利用してみたいと思います。
http://www.google.com/webfont
↑上記リンクURLの文字列もグーグルのWebFontを利用してみました。
利用方法は簡単で好きなフォントを選んで指定されたlinkタグをhead内に挿入し、CSSに適用したいタグやclassを書きこむだけです。
例）
リンクのタグ
<link href='http://fonts.googleapis.com/css?family=Miltonian+Tattoo' rel='stylesheet' type='text/css'> |
フォントのCSS
h1 { font-family: 'Miltonian Tattoo', arial, serif; } |
PR
