246
Maîtrise des CSS
Voici.comment.vous.pouvez.vous.appuyer.sur.Cufón :
. 1.. Téléchargez.le.fichier.de.script.Cufón.à.l’adresse.http://wiki.github.com/sorccu/cufon.
. 2.. Placez.sur.votre.serveur.la.police.de.votre.choix.à.l’aide.du.générateur.Cufón,.qui.fournit.
un.second.fichier.de.script..
. 3.. Dans.l’en-tête.de.votre.document,.ajoutez.des.références.au.script.Cufón.et.le.script.de.
police.fourni.par.le.générateur,.comme.ceci :
. . Ajoutez.aussi.ceci.juste.avant.la.balise.body.de.fermeture.pour.éviter.un.problème.de.
clignotement.dans.Internet.Explorer :
. . Dans.l’en-tête,.indiquez.aussi.quels.éléments.HTML.ou.sélecteurs.doivent.être.remplacés.par.votre.police,.comme :
. . ou
. 4.. Sinon,.si.vous.utilisez.un.framework.JavaScript.comme.jQuery.sur.le.site.où.Cufón.sera.
employé.(comme.Roma.Italia),.Cufón.tire.parti.du.moteur.de.sélecteur.de.ce.framework.
de.telle.sorte.que.vous.pouvez.appeler.des.sélecteurs.spécifiques.comme.ceci :
. 5.. Dans.les.fichiers.CSS,.modifiez.le.texte.remplacé.par.Cufón.de.la.même.manière.que.
vous.le.feriez.avec.n’importe.quel.autre.texte.–.color: #333;,.font-size: 12px;,.
text-transform: uppercase;, etc.
Et.c’est.tout..Cufón.est.actuellement.pris.en.charge.par.Internet.Explorer 6,.7 et 8,.Firefox 1.5. et. ultérieur,. Safari 3. et. ultérieur,. Opera 9.5. et. ultérieur. et. Google. Chrome.. Dans.
le. site. d’étude. de. cas,. j’ai. inclus. Cufón. en. plus. de. @font-face,. afin. que. vous. puissiez.
observer.les.deux.options..Notez.que.Cufón.est.soumis.aux.mêmes.problèmes.que.@fontface.concernant.les.licences.d’utilisation :.les.polices.que.vous.choisissez.doivent.autoriser.
l’incorporation.sur.le.Web..
Vous.remarquerez.que.j’ai.enveloppé.Cufon.replace.dans.un.commentaire.conditionnel,.
car. Internet. Explorer. ne. lit. pas. le. fichier. de. police. .otf. que. nous. utilisons. pour. @fontface..Cufón.devient.donc.un.remplacement.pour.@font-face.dans.Internet.Explorer.pour.
les.besoins.de.cette.étude.de.cas..Si.vous.souhaitez.voir.Cufón.fonctionner.dans.un.autre.
navigateur,.supprimez.tout.simplement.le.commentaire.conditionnel..Cufón.vient.alors.en.
remplacement.de.@font-face.
Maîtrise des CSS
Voici.comment.vous.pouvez.vous.appuyer.sur.Cufón :
. 1.. Téléchargez.le.fichier.de.script.Cufón.à.l’adresse.http://wiki.github.com/sorccu/cufon.
. 2.. Placez.sur.votre.serveur.la.police.de.votre.choix.à.l’aide.du.générateur.Cufón,.qui.fournit.
un.second.fichier.de.script..
. 3.. Dans.l’en-tête.de.votre.document,.ajoutez.des.références.au.script.Cufón.et.le.script.de.
police.fourni.par.le.générateur,.comme.ceci :
. . Ajoutez.aussi.ceci.juste.avant.la.balise.body.de.fermeture.pour.éviter.un.problème.de.
clignotement.dans.Internet.Explorer :
. . Dans.l’en-tête,.indiquez.aussi.quels.éléments.HTML.ou.sélecteurs.doivent.être.remplacés.par.votre.police,.comme :
. . ou
. 4.. Sinon,.si.vous.utilisez.un.framework.JavaScript.comme.jQuery.sur.le.site.où.Cufón.sera.
employé.(comme.Roma.Italia),.Cufón.tire.parti.du.moteur.de.sélecteur.de.ce.framework.
de.telle.sorte.que.vous.pouvez.appeler.des.sélecteurs.spécifiques.comme.ceci :
. 5.. Dans.les.fichiers.CSS,.modifiez.le.texte.remplacé.par.Cufón.de.la.même.manière.que.
vous.le.feriez.avec.n’importe.quel.autre.texte.–.color: #333;,.font-size: 12px;,.
text-transform: uppercase;, etc.
Et.c’est.tout..Cufón.est.actuellement.pris.en.charge.par.Internet.Explorer 6,.7 et 8,.Firefox 1.5. et. ultérieur,. Safari 3. et. ultérieur,. Opera 9.5. et. ultérieur. et. Google. Chrome.. Dans.
le. site. d’étude. de. cas,. j’ai. inclus. Cufón. en. plus. de. @font-face,. afin. que. vous. puissiez.
observer.les.deux.options..Notez.que.Cufón.est.soumis.aux.mêmes.problèmes.que.@fontface.concernant.les.licences.d’utilisation :.les.polices.que.vous.choisissez.doivent.autoriser.
l’incorporation.sur.le.Web..
Vous.remarquerez.que.j’ai.enveloppé.Cufon.replace.dans.un.commentaire.conditionnel,.
car. Internet. Explorer. ne. lit. pas. le. fichier. de. police. .otf. que. nous. utilisons. pour. @fontface..Cufón.devient.donc.un.remplacement.pour.@font-face.dans.Internet.Explorer.pour.
les.besoins.de.cette.étude.de.cas..Si.vous.souhaitez.voir.Cufón.fonctionner.dans.un.autre.
navigateur,.supprimez.tout.simplement.le.commentaire.conditionnel..Cufón.vient.alors.en.
remplacement.de.@font-face.