Häufig liegt dem Gestalten oder Programmieren einer Internetseite eine Corporate Identity zu Grunde, deren Logos, Farben und Schriften verwendet werden sollen. Für Logos und Farben ist das keine große Herausforderung. Um Schriften zu implementieren, greifen jedoch viele zu Grafiken, in der die Schriften gerendert sind. Da dies für einen semantisch sauberen Quellcode sowie für die Indizierung durch Suchmaschinen suboptimal ist, suchen Webdesigner seit langem nach Lösungen zur sauberen Einbindung von beliebigen Fonts in ihre Internetseiten.

siFR bietet als Lösung eine Kombination aus mehreren Web-Technologien. Beim „scalable Inman Flash Replacement“ werden Adobe Flash, JavaScript und CSS auf ein konventionelles (X)HTML-Dokument angewendet. Der typische Ablauf bei einer mit sIFR ausgestatteten Webseite ist folgender:

• Das (X)HTML-Dokument wird normal vom Browser verarbeitet.
• Nach erfolgtem Laden des DOM greift das sIFR-JavaScript ein und ersetzt vorher definierte Elemente (wie z. B. <h1> oder auch <h3 class=“subheader“>) durch einen Flashfilm.
• Dieser Film bekommt per JavaScript den Inhalt des Elements (also den Text) übergeben und stellt ihn in der gewählten, eingebetteten Schriftart dar.

Diese Technik ermöglicht validen Quellcode und selbst wenn entweder Flash oder JavaScript nicht auffindbar sind, gibt es kein Problem: Die Seite wird dann als normales, CSS-gestyltes (X)HTML-Dokument dargestellt. Inzwischen wurde die aktuelle Beta2 von sIFR3 vorgestellt, auf deren Basis nun eine Anleitung zur Integration dieser Technik vorgestellt wird.

Vorraussetzungen

Die Bearbeitung und das Exportieren der Flash-Dateien benötigt mindestens Version 8 der Flash IDE (eine Testversion können Sie bei Adobe [1] herunterladen), außerdem den Editor Ihrer Wahl und das aktuelle Release von sIFR [2]. Nach Entpacken des Pakets liegt folgende Ordnerstruktur vor:

• css
• demo
• flash
• js

Das vorliegende JavaScript ist komprimiert, die unkomprimierten Originaldateien liegen in „js/source/“.