1

今晩はみなさん！

HelveticaNeue や Univers などの商用フォントを埋め込むためのクロスブラウザ ソリューションを探しています。有望なアプローチをいくつか見つけました。

まず第一に、ここで見つけた最新の使いやすいアプローチをすべて登録します。

  1. sIFR
  2. クフォン
  3. typeface.js
  4. CSS3 フォントフェイス

sIFR はよく知られており、簡単に実装できますが、私が知っているように、Javascript のみの兄弟である Cufón と typface.js ほど簡単ではありません。

Cufón は、typeface.js よりも少しレンダリングが優れており、小さいサイズのフォント ファイルを作成するので、私の注意を引きました。どうやら、この種のソリューションに埋め込むことは許可されていない商用フォントで使用する合法的な方法はないようです。

typeface.js の場合も同じ状況が当てはまりますが、Web サイトへの埋め込みを禁止するライセンスでフォントを変換することさえできないという事実だけが異なります。

最後に大事なことを言い忘れましたが、font-face と呼ばれるこの「新しい」CSS プロパティがあります。これは非常に使いやすいですが、愛する IE の場合は、ファイルを EOT (Embedable OpenType) ファイルに変換する必要があります。

したがって、ブラウザ内でこれらのフォントを使用できるようにするには、IE 用の特別な CSS 宣言が必要です。

問題は次のとおりです。

このような商用フォントを Web サイトで使用するための最善の方法は何ですか? これからはフリーフォントのみをCufónで使うか、使用しているフォントをすべてEOTファイルに変換してfont-faceと併用するか。

よく議論された回答をありがとう、私はそれを感謝します!

4

2 に答える 2

3

最後に、数時間の調査とテストの後、特殊なフォントを Web サイトに埋め込むための非常に優れたソリューションを見つけました。

CSS3 font-face を介したアプローチを使用することは、最善の解決策です。

IE でやらなければならない唯一のオーバーヘッドは、Truetype フォント (残念ながら OTF は機能していません) を EOT ファイルに変換することです。Microsoft WEFT は解決策ですが、これを行う最善の方法は、 http ://code.google.com/p/ttf2eot/ にあるオープンソース ツール 'ttf2eot' を使用することです。

Web ベースのフロントエンドは、Google で「kirsle wizards」を検索すると見つかります。

注目すべき唯一のことは、ブラウザのサポートです...

IE4、5、6、7、8 は EOT ファイルを使用しますが、TTF サポートは Firefox バージョン >= 3.1 でのみ提供されます。Safari と Opera についてはよくわかりませんが、Safari 4 と Opera 10 はうまくいきました。

(古いバージョンの Webkit を使用しているため、Chrome ではサポートされていないのではないでしょうか?!)

私たちの代理店のクライアントの追跡統計に基づくと、訪問者の 15 ～ 20% のみが、Firefox 2.0 または 3.0、古い Safari または Opera バージョン、または Chrome などの互換性のないブラウザーを使用しています。

于 2009-10-23T09:24:26.027 に答える
0

このページの下部には、ストレートな HTML と CSS を使用してそれを行う方法に関する情報があります: http://www.albinoblacksheep.com/text/font

于 2009-10-22T22:57:16.793 に答える