html:フォント埋め込み

下記の記事は内容が古くなっていますので、検索でこられた方はhttp://d.hatena.ne.jp/niming538/20110403をご覧下さい。

      • -

これも自分の頭の整理。

ダイナミックHTMLとか、ダイナミックフォントとか言われるもので、自作のデザインフォントなどでホームページを作り、そのフォントで見てもらうことが可能と言われて結局できなかったりしませんか? Web2.0の時代ですので、別のやり方で何か進歩しているかもしれませんが、一応ブラウザーIEの方は、マイクロソフトの技術でできることがあります。

http://www.bp7e.com/tsfont01.html

ただ、このやり方(マイクロソフトのツールWEFT3を使って使われているフォントとフォントファイルから必要なだけのeotフォントを作成し、ウェブにおくもの)だと、ファイアフォックスではフツーのフォントになってしまうし、ホームページを編集するたび毎回eotフォントを作成しなければならないし、いまどき勝手にftpでファイルを置かせてくれるようなレンタルサーバは怖くて使えないし、で使いものになりません。

同じやり方でttfファイルもしくはotfファイルでやってみたところ、うまく行きません。


#style type="text/css">
#@font-face{
#font-family:xxxxxx;
#src:url(http://www.xxx.com/xxxx.eot);}
#/style>

このようにの中にで@font-face{}を指定しておき、あとはhtmlもしくはcssの中でfont-familyを指定するだけです。

角度を変えてWEB2.0というかJavaScriptでなんとかならないか、調査中。