10.06.2012, 07:05

Diego Wyllie

JavaScript-Tools für Profis

Cufón: Beliebige Schriftarten im Web

Web-Designer mussten vor nicht allzu langer Zeit auf Flash zurückgreifen, wenn sie in ihren Projekten Schriftarten verwenden wollten, die den Webstandard nicht entsprechen. Mit Hilfe von "Cufón” können sie nun auf Adobes Technologie ganz verzichten. Das Tool basiert vollständig auf JavaScript, lässt sich in jedes der vorgestellten Frameworks integrieren und bietet eine besonders einfache Möglichkeit, jede noch so exotische Schriftart im Web einsetzen zu können. Der Clou: Schriftarten werden unter Verwendung eines Online-Tools, dem "Cufón Generator”, in ein proprietäres Format konvertiert und in einer JavaScript- beziehungsweise Json-Datei gespeichert, die dann von der integrierten Engine genutzt wird, um die Fonts zu rendern.
Die Schrifteinbettung geht mit dem Cross-Browser-kompatiblen Tool recht unkompliziert. Zunächst muss man zwei Sourcecode-Dateien in die Website einbinden: Die Core-Bibliothek "Cufon-yui.js” und die mit dem Cufón Generator erzeugte Font-Datei. Per JavaScript lässt sich dann definieren, in welchen Html-Elementen die integrierte Schriftart verwenden werden soll. Dann genügt ein einfacher Funktionsaufruf wie "Cufon.replace('h1')”, um sämtliche H1-Überschriften in der gewünschten Schriftart auszugeben. Natürlich lassen sich mehrere Schriftarten in einer Webseite verwenden. Dazu braucht man lediglich die entsprechenden Font-Dateien hinzufügen und beim Funktionsaufruf den Namen der gewünschten Font übergeben.
Lesen Sie auf der nächsten Seite:
Diskutieren Sie mit anderen Lesern über dieses Thema:
PC-WELT Hacks
PC-WELT Hacks Logo
Technik zum Selbermachen

3D-Drucker selbst bauen, nützliche Life-Hacks für den PC-Alltag und exotische Projekte rund um den Raspberry Pi. mehr

Angebote für PC-WELT-Leser
PC-WELT Onlinevideothek

PC-WELT Online-Videothek
Keine Abogebühren oder unnötige Vertragsbindungen. Filme und Games bequem von zu Hause aus leihen.

Tarifrechner
Der PC-WELT Preisvergleich für DSL, Strom und Gas. Hier können Sie Tarife vergleichen und bequem viel Geld sparen.

PC-WELT Sparberater
Das Addon unterstützt Sie beim Geld sparen, indem es die besten Angebote automatisch während des Surfens sucht.

Telekom Browser 7.0

Telekom Browser 7.0
Jetzt die aktuelle Version 7 mit neuem Design und optimierter Benutzerführung herunterladen!

- Anzeige -
Marktplatz
Amazon

Amazon Preishits
jetzt die Schnäpchen bei den Elektronikartikel ansehen! > mehr

UseNext

10 Jahre UseNeXT
Jetzt zur Geburtstagsaktion anmelden und 100 GB abstauben! > mehr

1068138
Content Management by InterRed