Utiliser d'autres polices de caractères que celles standard.

[Imaxine]

Bonjour à tous,

Voici une astuce pour utiliser d'autres polices de caractères pour votre boutique.

Rendez-vous sur le site de Google web fonts, explorer les polices et sélectionner cellle(s) qui vous intéresse.

Google-web-fonts.png (81.32 Kio) Consulté 22537 fois

Pour notre exemple, nous choisissons la police "Fjalla One". griser, copier puis coller le nom de la police à la suite de cette adresse :

Code: Tout sélectionner

http://fonts.googleapis.com/css?family=

Cela donnera donc,

Code: Tout sélectionner

http://fonts.googleapis.com/css?family=Fjalla One

Copier cette adresse et coller-là dans la barre d'adresse de votre navigateur, valider et vous verrez apparaître le code suivant :

Code: Tout sélectionner

@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: local('Fjalla One'), local('FjallaOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/fjallaone/v1/rxxXUYj4oZ6Q5oDJFtEd6hsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

Copier celui-ci et placer-le au tout début de votre fichier stylesheet.css.

Il ne vous reste plus qu'à mettre cette police dans votre feuille de style à l'endroit où vous le souhaitez.

Dans notre exemple, nous mettrons cette police dans les balises de titre :

Code: Tout sélectionner

h1, h2, .welcome {
   
   font-family: 'Fjalla One';
   font-size: 36px;
   color: #DDDDDD;
}

Il ne vous reste plus qu'à constater le résultat

[eric02]

On peut aussi utiliser ce lien pour d'autres fonts :

http://www.fontsquirrel.com/tools/webfont-generator

ou celui-ci :

http://ttf2eot.sebastiankippe.com/

Assurez vous au préalable de la licence des fonts.

Eric

[OC Newbie]

Mille mercis cela permet de personnaliser son site à peu de frais