My OperaWeb Fonts avec Opera 10
Tuesday, March 31, 2009 11:22:31 AM
Si vous surfez avec Opera 10, vous avez sûrement remarqué la nouvelle police que j'ai utilisée pour ce post. Eh oui, c'est la police style "hand writing" que j'aime utiliser pour mes tutos.
Sur le blog de la communauté, Espen vous a expliqué comment appliquer cette police au blog My Opera. Je vous présenterai juste après une deuxième méthode pour appliquer cette police seulement à certains posts.
Sur le blog de la communauté, Espen vous a expliqué comment appliquer cette police au blog My Opera. Je vous présenterai juste après une deuxième méthode pour appliquer cette police seulement à certains posts.
Remarque : Ces codes sont à insérer dans la partie Account > Design > custom style sheet (attention si vous utilisez le thème "My Opera default", vous ne pourrez pas ajouter votre code CSS, il faut utiliser un autre thème). A la fin, choisissez "Use my custom style sheet together with the current theme".
Méthode Espen :
/* On déclare les polices */
@font-face {
/* Choisissez un nom pour votre police, entre guillemets */
font-family: "opera";
/* Lien de la police de type .ttf ou .otf uniquement */
src: url("lienverslapolice.ttf") format("truetype");
}
h1,h2,p,a,div.content {
/* Indiquez le nom de la police que vous souhaitez utiliser*/
font-family: "opera";
}
Méthode Dieu Anh :
La même police partout, ça fait mal aux yeux, alors pourquoi ne pas l'appliquer seulement touche par touche ?
Insérez cette code dans la partie Account > Design > custom style sheet
@font-face {
/* Entre guillemets, choississez un nom pour votre police */
font-family: "opera";
/* Lien de la police de type .ttf ou .otf uniquement */
src: url("lienverslapolice.ttf") format("truetype");
}
/* Entre guillemets, le nom de ma police définie auparavant */
.mapolice{
font-family: "opera";
}
Quand vous écrivez un nouveau post et vous voulez insérer votre superbe police, insérez cette code
<div class=mapolice>Votre texte ici</div>La police utilisée ici vient de Font Garden
