Remplacer les fonts google

[Kisuije]

Bonjour,

 

Si j'ai bien suivi, Prestashop utilise par défaut des fonts présentes sur les serveurs de Google.

Je suis peut-être le seul, mais l'idée de dépendre de cette boite pour le bon fonctionnement de mon site me pose problème... Sans compter qu'en allant se servir de fonts chez eux, ils doivent bien récupérer quelques stats et autres infos au passage.

 

Bref, dans un délire de psychose parano-anti-googlesque, l'envie me prend de virer big brother de chez moi à coups de pompe où je pense. Le seul souci, c'est que je ne sais pas comment m'y prendre (he vouais) 

[fred-vinapresta]

Bonjour, c'est dans header.tpl du dossier theme, il faut faire une recherche sur googleapi et supprimer la ligne

Edited April 3, 2015 by fred-vinapresta (see edit history)

[Kisuije]

Bonjour,

 

C'est parfait, merci !

Et donc j'imagine que c'est aussi dans le header.tpl que j'indique les typos de remplacement.

 

Si je ne me trompe pas, j'ai 2 options : prendre les classiques "arial, verdana, sans-serif" que tous mes visiteurs ont sur leur ordi, ou choisir une typo plus sympa que j'hébergerais sur mon serveur.

Vous me conseillez quoi ? Et comment ça se traduit dans le header.tpl ?

 

 

Edit : bizarre, l'insertion de code ici ne marche pas

Edited April 4, 2015 by Kisuije (see edit history)

[Kisuije]

Personne n'a d'avis sur le type de fonts à choisir ? 

Plutôt du classique disponible chez tout le monde ou du plus sympa hébergé sur mon serveur ?

[Col&gram]

Bonjour,

Perso j'ai opté pour du classique par fainéantise.

Sinon une anecdote qui m'avait bien fait rire : en testant mon site avec PageSpeedInsight de Google, dans les améliorations possibles suggérées, il y avait le temps de chargement des Google fonts qui était trop lent

[Kisuije]

Ha ben je ne sais pas pourquoi, mais je ne suis pas surpris pour le temps de chargement des fonts Google...

 

Et du coup, pour les classiques, vous avez fait comment pour les intégrer au site ?

[Col&gram]

Pour les classiques ,j'ai simplement modifié dans les fichiers .css du thème en remplaçant 'Open Sans' par Arial, etc ...

Pour aller plus vite utilisez la fonction rechercher et remplacer dans tous les fichiers (après avoir ouvert tous les fichiers css bien sur) dans Notepad (ou autre logiciel si il le permet).

[Kisuije]

Merci beaucoup pour la réponse 

 

Je n'avais pas saisi que "Open Sans" renvoyait aux fonts Google...

Je ferais ça alors. Sauf si quelqu'un a la marche à suivre pour utiliser des typos hébergées sur son serveur, pour un rendu plus sympa.

[Kisuije]

Beh alors, personne ne sait comment utiliser des typos hébergées sur son serveur ? Dans le même esprit que les fonts Google, mais sans Google... ;-)

[Marvin Lamart]

Bonjour,

Tout d'abord commence par choisir une ou des polices à ton goût, par exemple sur Dafont.

Une fois ta police choisie, le plus simple est d'aller générer le font-face de ta police à cette adresse: Font Squirrel

Une fois le font-face générer, tu pourras le télécharger, il faudra ensuite mettre tout les fichiers de ta police (.otf, .svg, .ttf, .woff, .woff2) dans le dossier fonts de ton thème prestashop (si tu n'as pas ce dossier, alors crée le)

 

Ensuite il faudra rajouter le contenu du fichier .css dans ton fichier global.css, et adapter l'url de chacune de tes polices à prestashop.

 

Exemple de font-face adapté:

/* MONTSERRAT */
@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/Montserrat-Regular-webfont.eot');
    src: url('../fonts/Montserrat-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat-Regular-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat-Regular-webfont.woff') format('woff'),
         url('../fonts/Montserrat-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Montserrat-Regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

Et voilà !

Maintenant il te suffit de définir une nouvelle "font-family" avec le nom de ta nouvelle police

 

Exemple:

p {
font-family: 'montserratregular';
}

Edited April 30, 2015 by Marvin Lamart (see edit history)

[amelec]

Bonjour,
Je rebondis sur cette solution par rapport au cas suivant : l'appel aux fonts Google ralenti mon ecommerce. Mais j'aime vraiment la typo Open sans, est-ce qu'on pourrait faire le même principe avec celle-ci ?

[Col&gram]

Bonjour,

Vous pouvez télécharger la police Open Sans sur Fonts Squirel -> https://www.fontsquirrel.com/fonts/open-sans? (choisir le webfont kit) et suivre les instructions du post juste au-dessus du votre.

[amelec]

Bonjour,
Je vous remercie pour votre réponse.
C'est déjà ce que j'ai essayé de faire mais le module themeconfigurator utilise cette police. Du coup, même en essayant de l'appeler depuis mon ftp, il va chercher les fonts sur google.
Je dois encore avoir un appel à cette font quelque part mais je n'ai pas encore trouvé :/