Nous ne répondons seulement qu'aux sujets dont l'auteur a complété sa signature [Lire]


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

Vous connaissez quelques petites ficelles susceptibles de vous faciliter la vie, venez les partager dans ce forum.

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

Messagepar LeorLindel » 28 Fév 2013, 15:35

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
Google-web-fonts.png (81.32 Kio) Vu 941 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
Image
1 - A lire avant de poster un sujet
2 - Politique sur la signature.

Quand le sujet est résolu, pensez à ajouter la petite coche verte Image dans le titre initial en éditant votre premier message et non dans votre dernière réponse.
Merci


Toutes les extensions commerciales (templates ou modules payants) ne peuvent pas faire l'objet d'ouverture de sujet, prière de bien vouloir s'adresser au concepteur en cas de problème ou demande de renseignements.

Seul, on avance plus vite, à plusieurs on avance plus loin.
Avatar de l’utilisateur
LeorLindel
Administrateur
Administrateur
 
Messages: 4248
Inscription: 19 Fév 2010, 12:44
Localisation: Lutéce

Re: Utiliser d'autres polices de caractères que celles stand

Messagepar eric02 » 19 Mar 2013, 08:35

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
Opencart 1.5.5.1
www.savonsdesgalets.fr/
- Sur serveur distant
- Boutique Templates : Maison
Mod : quelques modifications maison, VQmod - quelques fichiers xml
Autres : Category home page, recent viewed, login sidebar, search side bar,...
Tutoriel :
- Installer OC Multi Store http://forum.opencart-france.fr/post9116#p9116
http://www.editionsduharicot.fr/
- Livret Vqmod http://forum.opencart-france.fr/tutoriels/vqmod-in-french-dans-le-texte-t1896
eric02
Utilisateur enregistré
Utilisateur enregistré
 
Messages: 269
Inscription: 20 Fév 2012, 12:39

Re: Utiliser d'autres polices de caractères que celles stand

Messagepar OC Newbie » 26 Mar 2013, 00:03

Mille mercis cela permet de personnaliser son site à peu de frais ;)
Version OpenCart : v1.5.4 (en français) téléchargée sur le site Opencart français.
Et Version OC 1.5.5 en français
Hébergeur : 1&1
PHP : 5
Template : Personnalisé grâce à Bminghet qui m'a grandement aidé.
Modules : OpenCart par défault.

OC Newbie
Avatar de l’utilisateur
OC Newbie
Utilisateur enregistré
Utilisateur enregistré
 
Messages: 51
Inscription: 03 Aoû 2012, 10:25
Localisation: Bordeaux


Retourner vers Trucs et astuces

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

cron