Mai 15, 2009
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!
[ad#posting]
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>
10 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
Tammi
Also die Aussage ‘es wird kein “Bild” erstellt’ kann man so auch nicht ganz unterstützen, denn das was im Browser angezeigt wird, ist ein Bild, man kann also den eigentlichen Text auch nicht selektieren, das mag manchmal sogar von Vorteil sein, ich finde es so lala!
Klar im Code steht der Text noch drin, wenn man ihn den findet, zwischen den ganzen spans! ; )
Okt 22nd, 2010
Björn Biege
Der Vorteil ist einfach das keine Bilder im Quelltext stehen, und die Überschriften somit suchmaschinentechnisch nicht verloren gehen . Wenn du die Sache mit Bildern löst dann musst du immer dafür sorgen das das h-Tag auch noch irgendwo versteckt mit dabei ist, damit die suchbots damit was anfangen können. Wenn man cufon nutzt werden für die Suchbots ganz einfach die H-Tags angezeigt da diese ja kein js verarbeiten. Das das in unübersichtliche spans umgewandelt wird ist eigendlich total egal da das ja nur im Browser passiert und die Suchmaschine davon nichts mit bekommt…. und dem user sollte das auch recht egal sein.
Greez Björn
Dez 13th, 2010
Michael Freitag
Nutze ich jetzt auch schon länger und bin überzeugt
Jun 2nd, 2011
Schreibe zu “Dynamische Schriftersetzung auf Webseiten mit Cufon”