@font-face

昨日お伝えした通り会社のHPを作ったんだが1つ気になることがあって調べてみた。それはサイト内で表示させるフォントなんだけど、Localのパソコン内に持っているフォントならhtmで

<font face="segoe ui,arial">

みたいに指定してやればいいんだけど、segoe uiってフォントやarialってのがパソコン内に無い人、例えばマックの人やなんかにはその見せたい表示のフォントが使えないことになる。で、今まではそういう場合は画像でバナーみたいに作って表示させていた。

どうもこれも面白く無いんでサーバー上にフォント上げておいて指定してやればそのフォント呼び出すタグくらいあるんじゃねぇの？と探してみました。そしたら@font-faceってCSSの構文がそれに当たるようです。

...が！ちょっと格闘してみましたがまだ思うように行かずです。CSSってのも勉強しないとな。


/* IE */
@font-face {
font-family: journal;
src: url(journal.eot);
}
/* Firefox, Opera, Safari */
@font-face {
font-family: journal;
src: url(journal.ttf) format("truetype");
}

こんなのなんだけど、久々に頭から湯気が出そうです（苦笑）IE8はあかんとか、いやできるとかよくわかんねぇっす。詳しい人いないかな？