244
Maîtrise des CSS
Dans.Roma.Italia,.j’utilise.@font-face.pour.montrer.ce.qui.est.possible.à.présent.et.dans.
un.avenir.proche..Dans.screen.css,.vous.verrez.le.code.suivant.vers.le.haut.du.document :
@font-face {
font-family: "Museo Sans X";
src: url(../fonts/MuseoSans_500.otf);
}
Museo.Sans.est.utilisée.dans.plusieurs.titres.et.dans.le.système.de.navigation.du.haut.(voir.
Figure 10.13):
#home h3, #home h4, #home #header h2, #home #header ul a {
font-family: “Museo Sans X”, “Lucida Grande”, “Lucida Sans Unicode”,
Arial, sans-serif;
}
Figure 10.13
Museo Sans est la
police utilisée dans le
système de navigation
du haut.
Vous. remarquerez. que. j’ai. indiqué. des. choix. de. polices. de. repli. dans. l’éventualité. où. le.
navigateur.de.l’utilisateur.ne.prendrait.pas.en.charge.@font-face..Vous.remarquerez.aussi.
que.le.nom.de.la.police.est.Museo.Sans X..Lorsque.vous.définissez.@font-face.dans.les.
CSS,.vous.pouvez.nommer.la.famille.de.police.comme.vous.le.souhaitez..J’aurais.pu.utiliser.
Musei.Vaticani.si.cela.m’avait.chanté,.dès.le.moment.où.je.faisais.référence.au.bon.fichier.
de. police. (MuseoSans_500.otf).. Comme. Museo. Sans. est. gratuite,. il. se. peut. qu’elle. soit.
déjà.installée.sur.votre.ordinateur..J’ai.spécifiquement.ajouté X.afin.de.m’assurer.que.vous.
voyiez.fonctionner.@font-face.en.pratique,.avec.ma.copie.de.Museo.Sans.et.non.avec.une.
copie.qui.serait.déjà.installée.sur.votre.ordinateur..
Je. n’ai. pas. converti. le. fichier. Museo. Sans.otf. en. un. fichier. .eot.. Internet. Explorer. ne. le.
reconnaîtra.donc.pas..Si.vous.voyez.Museo.Sans.dans.Internet.Explorer,.c’est.que.Cufón.est.
à.l’œuvre.et.non.@font-face.(voir.la.section.suivante.pour.plus.d’informations.à.ce.sujet).
Quelques.autres.ressources.à.signaler.sur.ce.thème :
•. http://myfonts.com/fonts/exljbris/museo-sans/ :.pour.télécharger.une.copie.de.Museo.
Sans.
•. http://jontangerine.com/log/2008/10/font-face-in-ie-making-web-fonts-work :.pour.
une.présentation.complète.de.@font-face.et.d’EOT,.consultez.l’article.de.Jon.Tan.(en.
anglais).intitulé."@font-face.in.IE:.Making.Web.Fonts.Work".
Maîtrise des CSS
Dans.Roma.Italia,.j’utilise.@font-face.pour.montrer.ce.qui.est.possible.à.présent.et.dans.
un.avenir.proche..Dans.screen.css,.vous.verrez.le.code.suivant.vers.le.haut.du.document :
@font-face {
font-family: "Museo Sans X";
src: url(../fonts/MuseoSans_500.otf);
}
Museo.Sans.est.utilisée.dans.plusieurs.titres.et.dans.le.système.de.navigation.du.haut.(voir.
Figure 10.13):
#home h3, #home h4, #home #header h2, #home #header ul a {
font-family: “Museo Sans X”, “Lucida Grande”, “Lucida Sans Unicode”,
Arial, sans-serif;
}
Figure 10.13
Museo Sans est la
police utilisée dans le
système de navigation
du haut.
Vous. remarquerez. que. j’ai. indiqué. des. choix. de. polices. de. repli. dans. l’éventualité. où. le.
navigateur.de.l’utilisateur.ne.prendrait.pas.en.charge.@font-face..Vous.remarquerez.aussi.
que.le.nom.de.la.police.est.Museo.Sans X..Lorsque.vous.définissez.@font-face.dans.les.
CSS,.vous.pouvez.nommer.la.famille.de.police.comme.vous.le.souhaitez..J’aurais.pu.utiliser.
Musei.Vaticani.si.cela.m’avait.chanté,.dès.le.moment.où.je.faisais.référence.au.bon.fichier.
de. police. (MuseoSans_500.otf).. Comme. Museo. Sans. est. gratuite,. il. se. peut. qu’elle. soit.
déjà.installée.sur.votre.ordinateur..J’ai.spécifiquement.ajouté X.afin.de.m’assurer.que.vous.
voyiez.fonctionner.@font-face.en.pratique,.avec.ma.copie.de.Museo.Sans.et.non.avec.une.
copie.qui.serait.déjà.installée.sur.votre.ordinateur..
Je. n’ai. pas. converti. le. fichier. Museo. Sans.otf. en. un. fichier. .eot.. Internet. Explorer. ne. le.
reconnaîtra.donc.pas..Si.vous.voyez.Museo.Sans.dans.Internet.Explorer,.c’est.que.Cufón.est.
à.l’œuvre.et.non.@font-face.(voir.la.section.suivante.pour.plus.d’informations.à.ce.sujet).
Quelques.autres.ressources.à.signaler.sur.ce.thème :
•. http://myfonts.com/fonts/exljbris/museo-sans/ :.pour.télécharger.une.copie.de.Museo.
Sans.
•. http://jontangerine.com/log/2008/10/font-face-in-ie-making-web-fonts-work :.pour.
une.présentation.complète.de.@font-face.et.d’EOT,.consultez.l’article.de.Jon.Tan.(en.
anglais).intitulé."@font-face.in.IE:.Making.Web.Fonts.Work".