242
Maîtrise des CSS
Figure 10.11
Typekit propose une
liaison de polices
web sans le fardeau
de l’implémentation
@font-face et ses
problèmes de sécurité
afférents.
En. un. mot,. @font-face. offre. la. possibilité. d’utiliser. virtuellement. n’importe. quelle.
police.dans.les.maquettes.reproduites.sous.forme.de.texte.HTML.sans.se.soucier.de.savoir.
si.cette.police.est.ou.non.installée.sur.l’ordinateur.de.l’utilisateur..Ce.procédé.est.généralement.appelé.liaison.ou.incorporation.des.polices..Au.lieu.de.placer.ceci.en.haut.du.
document :
body {
font-family: Georgia, serif;
...
}
Il.est.possible.d’écrire.ceci :
@font-face {
font-family: "Garamond Premier Pro";
src: url(fonts/GaramondPremrPro.otf);
}
Ensuite,.il.suffit.de.faire.référence.à.la.famille.de.police,.comme.d’habitude :
h1 {
font-family: "Garamond Premier Pro", serif;
}
Je.frétille.rien.qu’en.tapant.ça.(je.sais,.je.suis.un.vrai.geek)..Mais.quand.même :.imaginez,.
utiliser.n’importe.quelle.police.dans.la.maquette.de.votre.site.en.laissant.votre.texte.s’afficher.en.HTML,.sans.sIFR,.sans.Cufón,.sans.images !.Ah,.vous.voyez,.ça.vous.chatouille,.
vous.aussi,.maintenant…