この記事では、かなり興味深いsIFR(Scalable Inman Flash Replacement)テクノロジーについて説明します。 XHTMLページでFlash JavaScriptとCSSを組み合わせることにより、任意のフォントでテキストを作成できます。 同時に、xhtmlは完全に有効であり、テキストは際立っており、フラッシュやJavaScriptが存在しないため、テキストはCSSスタイルの標準フォントでのみ表示されます。
このノートは、テクノロジーの完全な説明のふりをしているわけではありませんが、最終的にはドキュメントへのリンクと、1つのファイルとしてダウンロードして自由にプレイできる小さなサンプルを見つけることができます。
sIFRの使用は非常に簡単です。 すべては、ページを読み込んだ後、JavaScriptが必要なXHTML要素をFlashに置き換え、必要なフォントが含まれているという事実に関係しています。
- ページがブラウザにロードされます
- Java ScriptはFlashプレーヤーをチェックしてから、指定されたタグまたはクラスを検索します。
- クライアントにFlashがない場合、またはJavaScriptが無効になっている場合、問題は発生しません。 クライアントにはスタイル付きのプレーンテキストが表示されます。
- すべてが十分であれば、指定された各要素のJavaScriptはFlashオブジェクトを作成し、置換を生成します。
- 組み込みのFlash Actionscriptは、必要なフォントサイズ6ptを読み込み、必要なサイズに拡大します。
この方法の利点は明らかですが、欠点については注目に値します。
- この方法で置き換えられた要素は、一般的な選択に参加しません(たとえば、ブラウザでCTRL + Aを押した場合)。 重要ではありませんが、生き残ることができます。
- 背景の透明度は常に機能するとは限りません。 たとえば、見出しの下にある種の複雑な背景がある場合。 Flash Playerのバージョンに依存するようです。
英語の資料:
私自身の例
更新:コメントの中で、 CurlyBraceは、 JQueryのプラグインという興味深いソリューションを提案しました。これにより、開発がさらに簡素化されます。 彼と私のカルマのささやかなプラスに感謝します。
オリジナル-sIFR-xhtmlタイポグラフィの機能の拡張