Hoi,
Ik ben bezig om cufon een beetje te onderzoeken hoe alles nou werkt.
Het font wat ik gebruik is Myraid pro, Myraid pro Bold en Myraid pro Italic. Althans dit heb ik toegevoegd in de generator.
Nu heb ik dit: knip
En volgens mij is het nu wel myraid pro, of niet?
Maar nu heb ik ook een schaduw toegevoegd, maar deze is niet zichtbaar.
Kunnen jullie kijken of ik het zo goed doe?
Alvast bedankt.
Groet,
Patrick
-
17-08-2011, 15:25 #1
Particulier
- Berichten
- 411
- Lid sinds
- 14 Jaar
Cufon hulp
Laatst aangepast door PatrickA : 17-08-2011 om 20:54
-
17-08-2011, 15:26 #2
Particulier
- Berichten
- 45
- Lid sinds
- 13 Jaar
Re: Cufon hulp
Lettertype is gewoon times new roman helaas
-
17-08-2011, 15:27 #3
Particulier
- Berichten
- 411
- Lid sinds
- 14 Jaar
Re: Cufon hulp
Origineel gepost door Sander Akker
Dan doe ik toch wat fout, maar wat? :)
-
17-08-2011, 15:33 #4
Elephant Media GbR
- Berichten
- 1.255
- Lid sinds
- 18 Jaar
Re: Cufon hulp
Moet dit wordenPHP Code:Cufon.replace('h1.cufon', { fontFamily: 'Myriad_Pro_400-Myriad_Pro_700-Myriad_Pro_italic_700.font' });
Voor schaduw zou je dit moeten gebruikenPHP Code:Cufon.replace('h1.cufon', { fontFamily: 'Myriad Pro' });
Dan kun je die h1.cufon en dat andere stuk code weg laten.PHP Code:Cufon.replace('h1', { fontFamily: 'Myriad Pro', textShadow: 2px 2px #000 });
PHP Code:<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script src="cufon/cufon-yui.js" type="text/javascript"></script>
<script src="cufon/Myriad_Pro_400-Myriad_Pro_700-Myriad_Pro_italic_700.font.js" type="text/javascript"></script>
<script>
Cufon.replace('h1', { fontFamily: 'Myriad Pro', textShadow: 2px 2px #000 });
</script>
</head>
<body>
<h1>LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPSCING ELIT.</h1>
</body>
</html>
Laatst aangepast door Stefan Visser : 17-08-2011 om 15:43
-
17-08-2011, 15:38 #5
Particulier
- Berichten
- 411
- Lid sinds
- 14 Jaar
Re: Cufon hulp
Aangepast, maar het heeft geen effect.
// even weer goed aanpassen, deed wat verkeerd geloof ik.
//2; nu ik het aangepast heb, zoals u zei krijg ik een foutmelding, en heeft het nog geen effect.Laatst aangepast door PatrickA : 17-08-2011 om 15:44
-
17-08-2011, 15:50 #6
Elephant Media GbR
- Berichten
- 1.255
- Lid sinds
- 18 Jaar
Re: Cufon hulp
Je opent je script tag niet.
-
17-08-2011, 15:51 #7
Ulanti
- Berichten
- 600
- Lid sinds
- 16 Jaar
Re: Cufon hulp
Nu heb je hem nog creatiever opgelost :-). Maak er eens het volgende van:
Code:<script src="cufon/cufon-yui.js" type="text/javascript"></script> <script src="cufon/Myriad_Pro_400-Myriad_Pro_700-Myriad_Pro_italic_700.font.js" type="text/javascript"></script> <script type="text/javascript"> Cufon.replace('h1', { fontFamily: 'Myriad Pro', textShadow: 2px 2px #000 }); </script>
-
17-08-2011, 15:54 #8
Particulier
- Berichten
- 411
- Lid sinds
- 14 Jaar
Re: Cufon hulp
Gedaan, maar volgens mij nog geen ander effect.
-
17-08-2011, 15:56 #9
Elephant Media GbR
- Berichten
- 1.255
- Lid sinds
- 18 Jaar
Re: Cufon hulp
Copy past en het zal werkenPHP Code:<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script src="cufon/cufon-yui.js" type="text/javascript"></script>
<script src="cufon/Myriad_Pro_400-Myriad_Pro_700-Myriad_Pro_italic_700.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1', { fontFamily: 'Myriad Pro', textShadow: 2px 2px #000 });
</script>
</head>
<body>
<h1>LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPSCING ELIT.</h1>
</body>
</html>
-
17-08-2011, 15:59 #10
Particulier
- Berichten
- 411
- Lid sinds
- 14 Jaar
Re: Cufon hulp
Werkt allemaal niet.
Ik heb het nu zo gedaan:
En het werkt.<script src="cufon/cufon-yui.js" type="text/javascript"></script>
<script src="cufon/Myriad_Pro_400-Myriad_Pro_700-Myriad_Pro_italic_700.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1');
Cufon.replace('.cufon-shadow', {
textShadow: '2px 2px red'
});
</script>
// alleen de schaduw niet.
-
17-08-2011, 16:02 #11
Elephant Media GbR
- Berichten
- 1.255
- Lid sinds
- 18 Jaar
Re: Cufon hulp
Probeer hem eens zo:
PHP Code:Cufon.replace('h1', { textShadow: '#CCC 1px 1px' });
-
17-08-2011, 16:05 #12
Particulier
- Berichten
- 411
- Lid sinds
- 14 Jaar
Re: Cufon hulp
Dat werkt, top bedankt :D
Stel ik wil nu een woordje wat er tussen staat bijvoorbeeld "dolor" schuin gedrukt doen. Hoe doe ik dat dan?
-
17-08-2011, 16:10 #13
Elephant Media GbR
- Berichten
- 1.255
- Lid sinds
- 18 Jaar
Re: Cufon hulp
css:
html:Code:.schuin { font-style:italic; }
PHP Code:<h1>Test <span class='schuin'>Schuin</span></h1>
-
17-08-2011, 16:18 #14
Particulier
- Berichten
- 411
- Lid sinds
- 14 Jaar
Re: Cufon hulp
En hoe kan ik het dan bold houden, maar ook dat het scheef staat?:D
-
17-08-2011, 18:28 #15
Elephant Media GbR
- Berichten
- 1.255
- Lid sinds
- 18 Jaar
Re: Cufon hulp
font-weight: bold;
