Latest News
- Contao wenn die Lightbox am unteren Rand hängt
- Woopra jetzt auch für iPad und iPhone
- Hover bei Cufon geht nicht… gibts nicht!
- Contao – Page not found auf einem 1und1 Hosting
- 15 professionelle und sehr günstige WordPress Templates
- Längere Akkulaufzeit mit dem Samsung Galaxy S2
- Geschwindigkeit messen mit Google Analytics
- Cufon Schrift in die eigene Webseite einbinden
- Magento 1.6.0.0 mit Market Ready Germany Problem
- Magento Image / Jpg Komprimierung ändern
Categories
- Allerlei
- Computer
- Contao
- Filmtipps
- Firefox Plugins
- Gelungene Linkbaits
- google phone
- Handyzeugs
- Html / Css
- Magento
- Onlinemarketing
- Seo
- Socialmedia
- Softwaretipps
- Usability
- Webdesign Allerlei
- Webdesign Tools
- Webdesigner Essen
- Wordpress Plugins
- Wordpress Stuff
- Wordpress Templates
- Wordpress Tutorials
- Xt:Commerce
Links und Empfehlungen
Cufon Schrift in die eigene Webseite einbinden
Posted by admin
Die Erklärung was eine Cufon Schrift ist und was sie für Vor- und Nachteile hat, erspare ich mir mal an dieser Stelle. Hier erfahrt ihr wie man eine Cufon Schrift in 5 Schritten in die eigene Webseite einbinden kann..
Eigentlich gibt es auf https://github.com/sorccu/cufon/wiki/Usage eine gute Anleitung, allerdings ist diese in englischer Sprache und ich mache es etwas kürzer und einfacher:
1. cufon-yui.js (rechte Maustaste und Ziel speichern unter) runterladen und auf den eigenen Webserver laden (der Einfachheit halber in das Verzeichnis wo Eure index.php liegt, bzw. ins Root).
2. Im Internet eine Cufon Schrift suchen, runterladen und in einem Verzeichnis entpacken. Hier findet Ihr einige Cufon Schriften.. ansonsten einfach Google anschmeissen.
3. Zum Generator gehen und die eben runtergeladene Schrift anhand der durchsuchen Buttons auswählen. Dann die “EULAs” anklicken und ganz unten die Therms besätigen (siehe Grafiken).
Therms bestätigen und “lets do this”
4. Nach dem Klick auf “lets do this” könnt Ihr die Datei mit Eurer ausgewählten Schrift runterladen. Diese legt ladet Ihr ebenfalls auf Euren Webserver, am besten ins gleiche Verzeichnis wo auch die cufon-yui.js liegt.
5. Jetzt muss noch der folgende Code in den Head Eurer Webseite (z.B. bei Contao unter Einstellungen/Experteneinstellungen, script tags erlauben nicht vergessen):
<script src=”cufon-yui.js” type=”text/javascript”></script>
<script src=”YourFont.font.js” type=”text/javascript”></script>
<script type=”text/javascript”>
Cufon.replace(‘h1′); // Works without a selector engine
Cufon.replace(‘#sub1′); // Requires a selector engine for IE 6-7, see above
</script>
Das Script müsst Ihr jetzt nur noch anpassen. Statt “YourFont.font.js” schreibt Ihr den Namen des Scriptes, welches Ihr mit dem Generator erstellt habt. Laut dem Script werden alle Schriften mit der ID #sub1 und alle H1 Schriften mit der Cufon Schrift ausgestattet. Die Id jetzt einfach mit der Id oder Klasse Eurer jeweiligen Style Deklaration austauschen, dessen Schriften mit der Cufon Schrift versehen werden soll. Ich persönlich habe die Navigation mit Cufon ausgestattet, welche bei mir .navi heisst.
Leave a Reply