Forum - Cufon | Custom Font

Nicht eingeloggt

Registrieren

Forum / Tipps & Tricks / Cufon | Custom Font

Beitrag schreiben

goeran
Ehrenmitglied

- 30.05.10 18:00 Uhr

Cufon ersetzt mit ein bisschen Javascript Text in Bilder.
Eine Demo findet ihr hier: http://www.ehrlich-werben.com/

Wie es funktioniert ?
Code:


<!DOCTYPE>

<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>Frutiger LT Std.</h1>

</body>

</html>

Man lädt Cufon. Man lädt die .js Font und definiert, welche Elemente ersetzt werden sollen. In diesem Falle der <h1></h1> Tag.

Viel Spaß damit, es lohnt sich ! Hier findet man den Download der Javascript Datei und einen zusätzlichen Generator: http://cufon.shoqolate.com/generate/

Patrick_W
Administrator

- 30.05.10 23:59 Uhr

Das Ganze wäre auch mit php möglich, gedoch viel umständlicher. Eine sehr gute Lösung. Ist Confirm auch kompatibel mit den jüngeren Browsern?

goeran
Ehrenmitglied

- 31.05.10 14:30 Uhr

Da weiß ich leider nicht bescheid. Müsste auf der Website stehen, die Information ;)

Der Eintrag wurde am 31.05.10 14:30 Uhr von goeran geändert.

Beitrag schreiben