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'; }