Image & icons "Fa-fa" ne s'affiche pas

santini

Bonjour à toutes et à tous,
j'ai un petit problème avec ma nouvelle installation, les images et icônes "fa-fa" ne s'affiche pas sur le site.
Par exemple, pour la bannière j'ai vérifier le chemin et tout est OK, mais elle ne s'affiche pas.
Une idée ?
https://lesincantations.fr/

Merci beaucoup

bazooka07

Bonjour,

Dans ton navigateur Internet, tapes sur la touche F12 pour ouvrir l'inspecteur de code.
Tu verras dans la fenêtre de console que tes polices sont mal chargées ou corrompues.
Recharges les fichiers correspondants sur ton site.

santini

Bonjour Bazooka,
Excuse moi mais je n'est pas bien compris ce que je doit faire, je m'expliquer, actuellement dans le fichiers css j'ai ce bout de code pour les polices:

`/*
// POLICES
// -------------------------------------------------- */

/* lexend-regular - latin */
@font-face {
font-display: swap;
font-family: Lexend;
font-style: normal;
font-weight: 400;
src: url(./polices/lexend-v17-latin-regular.woff2) format("woff2"), url(./polices/lexend-v17-latin-regular.woff) format("woff");
}

/* lexend-500 - latin */
@font-face {
font-display: swap;
font-family: Lexend;
font-style: normal;
font-weight: 500;
src: url(./polices/lexend-v17-latin-500.woff2) format("woff2"), url(./polices/lexend-v17-latin-500.woff) format("woff");
}

/* lexend-700 - latin */
@font-face {
font-display: swap;
font-family: Lexend;
font-style: normal;
font-weight: 700;
src: url(./polices/lexend-v17-latin-700.woff2) format("woff2"), url(./polices/lexend-v17-latin-700.woff) format("woff");
}`

Et dans le fichiers HEADER.PHP, j'ai ce bout de code:

<link rel="icon" href="<?php $plxShow->template(); ?>/img/favicon.png" /> <link rel="stylesheet" href="<?php $plxShow->template(); ?>/sanitize.css"> <link rel="stylesheet" href="<?php $plxShow->template(); ?>/font-awesome-4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="<?php $plxShow->template(); ?>/style.css">

Peut tu me dire s'l te plais ou est ce que j'ai fait une erreur ? merci

bazooka07

Bonjour @santini
Dans ton fichier style.css, tu as indiqué des adresses absolues pour le chemin des polices. Donc le navigateur va chercher les polices à la racine du site au lieu d'aller chercher dans le dossier du thème et se prend des erreurs 404.

santini

Bonjour,
Merci pour ton retour,
J'ai essayer en indiquant le lien complet, mais pareil, ne fonctionne toujours pas, au début je pensé a un probleme de version du serveur mais non, je suis en Php.8

gcyrillus-nomade

Bonsoir,

J'ai essayer en indiquant le lien complet

est tu sur de toi ?

Ta feuille de styles en ligne donne pour fontawesome:

 */@font-face {
    font-family: FontAwesome;
    src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
    src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

Ce qui correspond à un lien relatif, donc un repertoire frére font d'où se trouve la feuille de style. ce qui ciblerait le fichier : https://lesincantations.fr/themes/defaut/font-awesome-4.7.0/fonts/fontawesome-webfont.eot .
Si l'on charge fontawesome depuis un cdn, par exemple : https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css Cela fonctionne. Est tu certain de bien avoir tous les fichiers ?

• Les versions de fontawesome : https://fontawesome.com/versions
• La version 4.7.0 est réputée obsolète, tu peut retrouver les fichier sur github https://github.com/FortAwesome/Font-Awesome ou https://fontawesome.com/v4/get-started
• Les version 5 et 6 sont récupérables ici: https://fontawesome.com/download

santini

Bonsoir, merci grâce a vous le problème est résolu pour les icones,
J'ai remplacer le contenue du fichier "css/font-awesome.min.css"
Par le contenue du lien ci-dessous:
https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css

Mais il y a encore quelque chose que je ne pige pas, désoler
Dans mon dossier "img" j'ai bien l'image de photo de profil: "profil.jpg" et l'image de bannière "banner.jpg"
Et pourtant même avec le lien direct dans le navigateur ces images ne s'affiche pas malgré leur présence dans le FTP:
https://lesincantations.fr/themes/defaut/img/banner.jpg
https://lesincantations.fr/themes/defaut/img/profil.jpg

Pourquoi ce problème ?
Encore une fois merci pour votre patience

cpalo

Bonjour,
Autre solution.
Dans mes thèmes j'ai créé un dossier assets avec un sous-dossier icons dans lequel j'ai copié le dossier awesome
Et je modifie le fichier header.php en ajoutant cette ligne:

<link rel="stylesheet" href="<?php $plxShow->template(); ?>/assets/icons/fontawesome-free-6.4.2-web/css/all.css">

gcyrillus-nomade

Bonjour, Cela ressemble à une configuration du serveur , déjà vu dans un autre sujet. Sujet que je ne retrouve malheureusement pas et je ne souviens pas non plus de l'héberger en cause.
Regarde quand même si ce n'est pas ton fichier htaccess qui bloque ces requêtes.

Grosse modo, l'idée est d'empêcher un site tiers d'utiliser les ressources de ton hébergement ... dans l'autre sujet et de mémoire, il n'y avait pas franchement de solution car cette config, (ratée à mon humble avis) était imposé par l'hebergeur...

Édit https://forum.pluxml.org/discussion/7404/resolu-probleme-avec-affichage-direct-image

Cdt

santini

Bonjour, merci pour vos retours,
Pas de problème de .htaccess
j'utilise ovh, et j'avais déja héberger cette version a l'époque et je n'est jamais rencontrer ce problème d'affichage d'image

gcyrillus-nomade

Ton fichier image "banner.jpg" est corrompu ou est un autre format que jpg . Apparemment un fichier construit avec xmp:CreatorTool="Adobe Photoshop 2021 Windows . Le fichier ressemble à du PDF !?

Le fichier de police https://lesincantations.fr/themes/defaut/font-awesome-4.7.0/fonts/fontawesome-webfont.eot lui, semble aussi accessible mais sans savoir si il est okay.

Est ce que ton thème en local fonctionnait avnt de le mettre en ligne ?

santini

Alors, pas tester en local mais déjà essayer sur un serveur ovh a l'époque est tout fonctionner.
Suite a ton message j'ai changer les photos "banner" et "profil" pour faire un teste, et cette fois, si j'ouvre l'image dans un nouvel onglet, j'ai un fond blanc a la place de l'image

santini

Je vais tester sur un autre nom de domaine, je vous tiens au jus

santini

Bon j'ai essayer, j'ai même désinstaller le FTP pour le réinstaller, et toujours le même problème:
http://deals63.fr/

gcyrillus-nomade

Et ces mêmes images en local s'affiche bien dans le navigateur ?
et avec un autre thème? mêmes défauts?

Regarde ta console aussi :

gcyrillus-nomade

responsable trouvé: le transfert sur FTP des fichiers en encodage ASCII

santini

Merci gcyrillus-nomade, problème résolu

MartaG

Merci j'avais le même problème, cependant j'ai pu trouver ma réponse ici. !