webデザインがぽんこつでも日本語webフォントを使うとなんとなくいい感じに

デザインはtwitter bootstrapそのままとかでも日本語webフォント使ったらなんとなくいい感じになった
webフォント使用可のフリーフォントをダウンロードして
TrueType形式のフリーフォント「たぬき油性マジック」を公開しました。: たぬきフォント
落としたttfファイル置いて、css書いたらいけた

@font-face {
  font-family: 'TanukiMagic';
  src: url('TanukiMagic.ttf') format('truetype');
}
h1{
  font-family: 'TanukiMagic';
}

でもこのままだと、環境依存するので、ttfをeot等に変換してくれる便利なサイト使って
ttf2eot
Create Your Own @font-face Kits | Font Squirrel
落としたeotファイル置いて、css書いたらいけた

@font-face {
  font-family: 'TanukiMagic';
  src: url("TanukiMagic.eot?") format('eot'),
       url("TanukiMagic.ttf") format('truetype');
}
h1{
  font-family: 'TanukiMagic';
}

しかし、フォントファイルサイズが大きすぎるし、使うの見出しぐらいだしと思って調べたら、
武蔵システムのサブセットフォントメーカーってのを使ったら、簡単に使う文字だけのフォントファイルつくれた。しかも作った後にWOFFコンバータでeotとwoffファイルも作ってくれて至れり尽くせり。
最終的にはファイルサイズも減ってこうなった

@font-face {
  font-family: 'TanukiMagic';
  src: url("TanukiMagic.eot?") format('eot'),
       url("TanukiMagic.woff") format('woff'),
       url("TanukiMagic.ttf") format('truetype');
}
h1{
  font-family: 'TanukiMagic';
}