Anonim

Cufonはテキスト置換javascriptライブラリです。 コードベースのsIFRとは無関係ですが、Flashファイルを必要とせずに同じことを実現します。 設定には約5分かかります。その後、再度触れる必要はありません。 これは簡単なことではなく、Webサイトの外観に大きな影響を与える可能性があります。

使い方

最初のステップは、Cufon Webサイトからフォントを送信することです。 彼らは、フォントをSVG(scalable vector graphics)フォントに処理します。 次に、パスが取得され、VML(ベクターマークアップ言語)に処理されます。これにより、IEのCufonの速度が大幅に向上します。 結果のデータは、JSONにエンコードされ、処理のためにCufonで定義された関数に渡されます。そこで魔法が発生します。

Cufonの例

最初に、Cufon Webサイトにアクセスし、フォントファイルを送信して処理します。 ダウンロードする.jsファイルが吐き出されます。 Cufonがテキストを選択したフォントに変換するには、このファイルが必要です。

次に、cufon-yui.jsファイルと生成されたフォントjavascriptファイルの両方を含めます。 最後は、クラス内のテキストをラップし、そのクラス名の周りでCufon置換を開始するだけです。 以下の完全なコード:

これはMolotフォントのテキストです

結果:
これはMolotフォントのテキストです

Cufon Lineheight

おそらく修正されない行の高さを持つすべてのブラウザに既知の問題があります

Cufon.now()

IEでの表示エクスペリエンスを向上させるには、bodyタグの直前でCufon.now()関数を呼び出すことをお勧めします。 これにより、ページがロードされ、フォントがロードされるときに発生する可能性のある一時的なブリップが処理されます。

IE9の問題

この投稿の時点で、IE9の特定のバージョンにはいくつかの問題があり、それらの解決に取り組んでいたことを知っています。

Cufonフォント置換を使用したスタイルフォント