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()関数を呼び出すことをお勧めします。 これにより、ページがロードされ、フォントがロードされるときに発生する可能性のある一時的なブリップが処理されます。