OpenCart France

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.

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

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

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