Cufon - Mehere Schriftarten

Gehe zu Seite:

Geschlossen

Mo. 18.04.2011 14:51 Uhr #1

LittleBIGFan Mitglied

Moinsen,

ich benutze auf meiner Homepage ein nettes Script, nämlich cufon:
cufon.shoqolate.com/generate/

Denke manche von euch kennen das... jetzt meine Frage:

Kann ich es irgendwie anstellen, dass ich verschiedene Schriftarten verwenden kann? Also beispielweise h1 & h2 mit Schriftart A und h3 & h4 mit Schriftart B. So ungefähr sieht das ganze im Aufbau aus:

<!-- Cufon Script selbst -->
<script type="text/javascript" src="include/designs/design/js/cufon-yui.js"></script>

<script type="text/javascript">
Cufon.replace('h1, h2, h3, h4, h5, h6');
</script>

<!-- Schriftart -->
<script type="text/javascript" src="include/designs/design/js/Schrift-A.font.js">

<!-- <script type="text/javascript" src="include/designs/design/js/Schrift-B.font.js"> -->

<!-- CSS -->

<style type="text/css">
h1, h2, h3 {
margin: 0;
padding: 0;
font-weight: normal;
color: #333333; }
h1 { font-size: 1.4em; }
h2 { font-size: 2em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1em; }
</style>

<!-- HTML -->

<h1>Das soll Schriftart A sein</h1>
<h4>Das soll Schriftart B sein</h4>

Weiß einer von euch wie das funktioniert?

betroffene Homepage: externer Link

Zuletzt modifiziert von LittleBIGFan am 18.04.2011 - 14:52:31

externer Link Guardians of the Relic

0 Mitglieder finden den Beitrag gut.

zitieren

Mo. 18.04.2011 15:10 Uhr #2

MaddinXx Mitglied

Ja das geht. Schau dir die Dokumentation an.

Du kannst weitere Parameter verwenden:

<!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="Vegur_300.font.js" type="text/javascript"></script>
		<script src="Myriad_Pro_400.font.js" type="text/javascript"></script>
		<script type="text/javascript">
                        Cufon.replace('h1', { fontFamily: 'Vegur' });
			Cufon.replace('h2', { fontFamily: 'Myriad Pro' });
		</script>
	</head>
	<body>
		<h1>This text will be shown in Vegur.</h1>
		<h2>This text will be shown in Myriad Pro.</h2>
	</body>
</html>

Zuletzt modifiziert von MaddinXx am 18.04.2011 - 15:10:50

1 Mitglieder finden den Beitrag gut.

zitieren

Mo. 18.04.2011 15:30 Uhr #3

LittleBIGFan Mitglied

Zitat geschrieben von MaddinXx

Ja das geht. Schau dir die Dokumentation an.

Du kannst weitere Parameter verwenden:

<!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="Vegur_300.font.js" type="text/javascript"></script>
		<script src="Myriad_Pro_400.font.js" type="text/javascript"></script>
		<script type="text/javascript">
                        Cufon.replace('h1', { fontFamily: 'Vegur' });
			Cufon.replace('h2', { fontFamily: 'Myriad Pro' });
		</script>
	</head>
	<body>
		<h1>This text will be shown in Vegur.</h1>
		<h2>This text will be shown in Myriad Pro.</h2>
	</body>
</html>

Zuletzt modifiziert von MaddinXx am 18.04.2011 - 15:10:50

Klasse vielen Dank! Hab die Dokumentation kurz mal durchgesehn, hab das aber nicht gefunden..

externer Link Guardians of the Relic

0 Mitglieder finden den Beitrag gut.

zitieren

Mo. 18.04.2011 17:50 Uhr #4

Jan Hall Of Fame

Registriert seit
17.01.2007

Beiträge
3.646

Beitragswertungen

Hier eine Java-Script freie Alternative von Google:

Google Font API

Liebe Grüße
Jan
0 Mitglieder finden den Beitrag gut.
- zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Allgemein » HTML, PHP, SQL,... » Cufon - Mehere Schriftarten