Share on FacebookTweet about this on TwitterShare on Google+

そろそろCSS の @font-face を使ってもいい?ということでIE 向けの EOF ファイルとかどうすんの?という悩みを解決してくれるhttp://www.fontsquirrel.com/
100% FREE FOR COMMERCIAL USE とページヘッダーに書いているだけあって。商用サイトでもフリーで利用できるフォントを紹介してくれてます。
@font-face kitsで表示されるリストで使いたいフォントのGet Kitボタンでダウンロードすればデータ一式とCSSのサンプルまでダウンロードでいる。
↓適用例
PICTRON HEAD LINER

@font-face {
  font-family:
    'LeagueGothicRegular';
  src:
    url('League_Gothic.eot');
  src:
    local('League Gothic Regular'),
    local('LeagueGothic'),
    url('League_Gothic.woff') format('woff'),
    url('League_Gothic.otf') format('opentype'),
    url('League_Gothic.svg#LeagueGothic') format('svg');
}