Web Fonts avec Opera 10
Tuesday, 31. March 2009, 11:22:31
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
WIDGETIZE
Tuttle # 31. March 2009, 12:14
Un peu illisible pour du texte a lire
myfrenchopera # 31. March 2009, 12:42
Oui, ça rend bien pour les titres mais pour les tailles < ou = 12, c'est affreux, c'est pour ça que je ne l'ai pas appliqué pour tout le post
jonpar # 31. March 2009, 20:15
tu donnes les commandes en français ? ...ou c'est du simple texte (celui écrit en français) ?
et puis...je ne peux jamais installer ces fonts
et encore: opera10 n'est pas entièrement fonctionnel (...pour moi
Mais le poste est tres bon
myfrenchopera # 1. April 2009, 08:29
Bien sûr que tu peux installer les fonts, il suffit d'en télécharger un, extraire le fichier .otf et mettre sur ta partie "Files".
Sois moins paresseux, eh oh !!
jonpar # 1. April 2009, 12:52
TR3NT # 4. April 2009, 11:44
J'ai juste une petite question à faire, dans les commentaire tu met : « /* Lien de la police de type .ttf ou .otf uniquement */ », le SVG n'est pas autorisé dans les polices ?
Merci encore dans tous les cas.
myfrenchopera # 4. April 2009, 18:29