Hallo,
Veel mensen, of iig mensen die met het maken van layouts bezig zijn, zijn er welles tegen aan gelopen dat je niet zomaar alle lettertypes, fonts, kan gebruiken in je layout.
Je kan op je website eigenlijk alleenmaar gebruik maken van de standaard fonts, alle speciale/leuke fonts kunnen niet gebruikt worden.
Waarom niet? Omdat niet iedereen deze fonts heeft. Als een website een font gebruikt dat ik niet op mijn pc heb staan kan hij deze font ook niet gebruiken op een website.
Nu wil je deze font toch gebruiken, ookal kan dit dus eigenlijk niet.
Hiervoor zijn er gelukkig mensen die slim genoeg zijn om het op een of andere manier toch voor elkaar te krijgen een font te gebruiken die de gebruiker niet heeft.
Een manier om dit te doen is Cufon: http://cufon.shoqolate.com/
Cufon is een javascript die de tekst omzet in een plaatje met het gewenste lettertype, en werkt vrij simpel.
Om te beginnen download je de cufon library: http://cufon.shoqolate.com/js/cufon-yui.js
Deze upload je, en haal je via
De h1 kan je bijv ook vervangen door span, h3, p oid.
Wat ook mogelijk is is dat je een id gebruikt, bijv:
Cufon.replace(#specialtext);
Dit werkt ook.
Als laatste heb je nu op het eind nog het commando nodig die het ook daadwerkelijk uitvoerd:
Waardoor alles goed komt te staan.
Wat je uiteindelijk dus bijv. hebt:
Als je dit eenmaal snapt kan je je aan de volgende simpele stappen houden:
Veel mensen, of iig mensen die met het maken van layouts bezig zijn, zijn er welles tegen aan gelopen dat je niet zomaar alle lettertypes, fonts, kan gebruiken in je layout.
Je kan op je website eigenlijk alleenmaar gebruik maken van de standaard fonts, alle speciale/leuke fonts kunnen niet gebruikt worden.
Waarom niet? Omdat niet iedereen deze fonts heeft. Als een website een font gebruikt dat ik niet op mijn pc heb staan kan hij deze font ook niet gebruiken op een website.
Nu wil je deze font toch gebruiken, ookal kan dit dus eigenlijk niet.
Hiervoor zijn er gelukkig mensen die slim genoeg zijn om het op een of andere manier toch voor elkaar te krijgen een font te gebruiken die de gebruiker niet heeft.
Een manier om dit te doen is Cufon: http://cufon.shoqolate.com/
Cufon is een javascript die de tekst omzet in een plaatje met het gewenste lettertype, en werkt vrij simpel.
Om te beginnen download je de cufon library: http://cufon.shoqolate.com/js/cufon-yui.js
Deze upload je, en haal je via
De h1 kan je bijv ook vervangen door span, h3, p oid.
Wat ook mogelijk is is dat je een id gebruikt, bijv:
Cufon.replace(#specialtext);
Dit werkt ook.
Als laatste heb je nu op het eind nog het commando nodig die het ook daadwerkelijk uitvoerd:
Waardoor alles goed komt te staan.
Wat je uiteindelijk dus bijv. hebt:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/LearningCurve.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace(h1);
Cufon.replace(#special);
</script>
</head>
<body>
<h1>Deze tekst word vervangen</h1>
<span>Deze niet</span>
<span id="special">Deze wel</span>
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>Als je dit eenmaal snapt kan je je aan de volgende simpele stappen houden:
- Library download
- Font omzetten in font.js
- Beide uploaden en in zetten
- Cufon.replace gebruiken om aan te geven wat vervangen moet worden
- Cufon.now() gebruiken om het door te laten voeren
