Problème d'affichage de la police d'écriture

[Elleestsibelle]

Bonjour,

Mon site fonctionne sous Prestashop 1.6.1.5. 

L'adresse de mon site est Elleestsibelle.fr

J'utilise le thème SNS Toronto pour Prestashop.

Je rencontre un problème d'affichage de la police d'écriture. Sur le thème initial, la police d'écriture est bien lisible (exemple ici). En revanche, sur mon site la police d'écriture est différente et très peu lisible (exemple ici). Pourtant la police d'écriture configurée est Arial en corps 12. Je suppose que j'ai dû insérer quelque part un bout de code qui génère ce problème. Quelqu'un pourrait-il m'aider à identifier la source du problème ?

D'avance merci pour votre aide précieuse.

[randoeco]

Bonjour,

De mon côté la police est identique sur les deux exemples ("Open Sans" / 12 pour le corps du texte et non "Arial" / 12) : quel partie de texte pose problème par exemple ? Peut-être avez-vous en local une police "Open Sans" ou "Arial" déjà installée qui n'est pas celle que vous attendez.

[Elleestsibelle]

17 minutes ago, randoeco said:

Bonjour,

De mon côté la police est identique sur les deux exemples ("Open Sans" / 12 pour le corps du texte et non "Arial" / 12) : quel partie de texte pose problème par exemple ? Peut-être avez-vous en local une police "Open Sans" ou "Arial" déjà installée qui n'est pas celle que vous attendez.

 

Merci pour votre réponse randoeco.

De mon côté la police qui s'affiche sur mon site est une police avec empattement (du style Times). Cette police s'affiche pour tout le texte de la page (rubriques, descriptions...). Je joins une capture d'écran. J'ai testé sur différents ordinateurs et sur portable, j'obtiens le même affichage de police.

Je joins une capture d'écran du template d'origine (SNS Toronto) qui utilise une police sans empattement (du type Arial ou Open Sans).

[randoeco]

De mon côté j'ai bien d'affiché ce que vous attendez je pense.

Je ne suis pas spécialiste mais ce que j'ai compris au niveau de la police de caractères : votre site indique au navigateur quelle police de caractères utilisée pour afficher un élément. Si cette police n'est pas présente sur le poste locale (pour windows 10 -> C:\Windows\Fonts), elle est téléchargée là où votre site l'indique (chez vous : http://fonts.googleapis.com/css?family=Open+Sans:400,700) ce qui est classique) et si cela n'est pas possible une police alternative est utilisée, en général Arial qui toujours présente sur un poste.

En première piste, je regarderais (si vous avez Windows, répertoire fonts) à quoi ressemble ce que vous avez en polices de caractères pour "Open" (double-cliquez sur la font "Open xxx") sinon, sur un traitement de texte de votre poste, tapez quelque chose avec la police Open....

 

 

 

[Ced17]

Bonsoir, tout simplement la feuille de style qui gère cette font a été bloqué par sécurité car pas en https (traduction du message d'erreur dans la console)

Contenu mixte: La page de' https://elleestsibelle.fr/' a été chargée sur HTTPS, mais a demandé une feuille de style non sécurisée' http://fonts.googleapis.com/css?family=Open+Sans: 400,700'. Cette requête a été bloquée; le contenu doit être transmis via HTTPS.

D'où une font qui manque et un affichage plus petit

Aller dans /votre theme/header.tpl, puis modifier http en https

<link href='http://fonts.googleapis.com/css?family=Open+Sans: 400,700' rel='stylesheet' type='text/css'

Ça devrait fonctionner .

Vous avez également beaucoup d'image en http à modifier, faite F12 sur votre site et console pour afficher les erreurs.

Edited November 16, 2017 by Ced17 (see edit history)

[Elleestsibelle]

9 hours ago, Ced17 said:

Bonsoir, tout simplement la feuille de style qui gère cette font a été bloqué par sécurité car pas en https (traduction du message d'erreur dans la console)

Contenu mixte: La page de' https://elleestsibelle.fr/' a été chargée sur HTTPS, mais a demandé une feuille de style non sécurisée' http://fonts.googleapis.com/css?family=Open+Sans: 400,700'. Cette requête a été bloquée; le contenu doit être transmis via HTTPS.

D'où une font qui manque et un affichage plus petit

Aller dans /votre theme/header.tpl, puis modifier http en https

<link href='http://fonts.googleapis.com/css?family=Open+Sans: 400,700' rel='stylesheet' type='text/css'

Ça devrait fonctionner .

Vous avez également beaucoup d'image en http à modifier, faite F12 sur votre site et console pour afficher les erreurs.

 

Merci pour votre réponse Ced17

Je suis allé contrôler dans le fichier /mon-theme/header.tpl et il n'y a pas d'appel à 'http://fonts.googleapis.com/css?family=Open+Sans: 400,700' dans ce fichier.

Savez vous dans quel autre fichier de mon thème cet appel à une source extérieure en http au lieu de https pourrait se trouver ?

D'avance merci pour votre aide.

 

[Ced17]

Bonjour, regarder alors directement dans le dossier racine de votre site également.

Cordialement

[Elleestsibelle]

Bonjour Ced17

C'est ce que je fais, mais je ne parviens pas à trouver le fichier coupable de cet appel à 'http://fonts.googleapis.com/css?family=Open+Sans: 400,700' qui pose problème.

Vous auriez une idée ?

[BeComWeb]

Est ce que le thème possède un module de type "theme configurator" ?

[Ced17]

Bonsoir, désolé mais je suis dispo que tard, regardez bien dans le header.tpl de votre thème, vous devez avoir une partie {$HOOK_HEADER}, où est en général le ou les fonts en appels. Du moins ce que j'ai remarqué sur plusieurs header.tpl.

Et donc je viens de voir ça sur mon header, cela permet de rajouter le 's' en mode sécurisé.

Cordialement