Dynamische Schriftersetzung auf Webseiten mit Cufon
Heute habe ich das Javascript Tool Cufón getestet und muss sagen, es ist einfach, klein und perfekt. Habe bisher noch keine Probleme im InternetExplorer 6, 7, FireFox2, 3 oder im Safari sehen können. Demo
Ihr könnt Euch mal eine .html Datei erstellen und einen Test mit der dynamische Schriftersetzung von Cufón vorbereiten.
Das gute an dem ganzen System, der H1 oder H2 Tag wird nicht gelöscht und es wird kein “Bild” erstellt! Der Text bleibt im Tag! Das Negative an dem JavaScript PlugIn, es werden pro Wort ein span erstellt!
Hier mal ein Beispielcode: ( mehr braucht Ihr nicht )
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="cufon-yui.js" type="text/javascript"></script>
<script src="HelveticaNeueLTPro-Roman_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1');
</script>
</head>
<body>
<h1>This text will be shown in Frutiger LT Std.</h1>
</body>
</html>
Achtung: Da die Schrift für da Web freigegeben wird, müsst Ihr die Lizensen bei “Kauf-Schriften” lesen!
Wiki: wiki.github.com
6 Kommentare, Kommentar schreiben oder Ping
oxana
wie kann ich den benutzen wenn ich nur links eine bestimmte klasse umwandeln muss Cufon.replace(’.text a’); geht nicht
Danke
Jun 24th, 2009
basti
hab es glaub ich so gelöst:
Cufon.replace(’h1.classname’);
tester
Jun 24th, 2009
Siffredi
“Das Negative an dem JavaScript PlugIn, es werden pro Wort ein span erstellt!”
Sorry, aber das geht ja mal gar nicht. Das bläht den ganzen Code unendlich auf. Vielelicht fällt den Machern noch was cleveres ein um den Code zu reduzieren.
Aug 11th, 2009
Horst39
Hier hat jemand ein Plugin für Wordpress geschrieben, das Teil heißt DFR4WP, wirkt ausgereift und funktioniert astrein. http:www.thorstengoerke.de
Okt 11th, 2009
Schreibe zu “Dynamische Schriftersetzung auf Webseiten mit Cufon”