[RéSOLU] petits rectangles avec code hexa affichés au lieu

[vibraison]

Sujet initial complet : petits rectangles avec code hexa affichés au lieu des icônes - tronqué par introduction de "[RéSOLU]"

Lorsque je vais avec FireFox sur le site http://www.n-py.com, certains des points, rangées ou colonnes où devraient s'afficher des icônes présentent une anomalie : à la place de certaines de ces icônes, mais pas toujours toutes, sont affichés des petits rectangles à l'intérieur desquels sont inscrits sur deux lignes des codes hexadécimaux de 16 bits, comme F095, F1E0, F07A, etc.
C'est fort gênant, car ces icônes sont représentatives de fonctions que le petit rectangle est bien en mal de suggérer .
Ce phénomène ne se produit qu'avec FireFox.
Pas avec Internet Explorer ou Google Chrome, ni avec Safari (sur Mac), qui tous affichent toutes les icônes correctement.
J'ai été développeur, maintenant retraité. Je suis allé jeter un coup d’œil dans les sources html, et n'ai trouvé qu'une petite différence entre la spécification des icônes affichées et la spécification de celles remplacées par des rectangles.
Cette spécification-ci fait bien apparaître l'image d'un journal plié :

Code : Tout sélectionner

<li class="newsletter">
    <a href="/fr/newsletter" class="item-level-1" title="Newsletter" rel="nofollow">
        <i class="icon icon-newsletter"></i>
        <span class="text_menu_mobile"> Newsletter</span>
    </a>
</li>

Cette autre est rendue par un rectangle à code hexa (je vous y fais grâce de la rangée surgissante de sous-icônes) :

Code : Tout sélectionner

<li class="social parent">
    <a href="http://www.n-py.com/fr/social-hub" class="item-level-1" title="Réseaux sociaux">
        <i class="fa fa-share-alt"></i>
        <span class="text_menu_mobile">Réseaux sociaux</span>
    </a>
    ... ...
</li>

La seule différence visible vient de la balise <i class="... ..."> si class="icon ...", on voit l'icône ; si class="fa fa-...", on voit le rectangle, à moins que la balise <i ...> ne soit suivie d'une balise <img ...> comme c'est le cas un peu plus loin, où l'on trouve :

Code : Tout sélectionner

        <i class="fa fa-flag"></i>
        <img src="http://www.n-py.com/sites/n-py/themes/npy/img/flag-fr.png" class="current-flag" alt=""/>

ce qui a pour effet d'afficher le drapeau français, comme suggéré par flag-fr.png.
Je ne suis pas en mesure d'aller plus loin dans le décorticage de ce html qui n'est plus celui de ma période d'activité, mais je me pose la question : pourquoi FireFox défaille-t-il là où les autres savent faire ?
Est-ce une déficience de FireFox ? [on verra que non] Est-ce un mauvais réglage de ma part ? [on verra que oui] J'ai cherché dans les réglages à tâtons, mais n'ai rien trouvé susceptible d'expliquer la défaillance. [il faut dire que la case à cocher était plutôt bien cachée, voir plus bas]

Merci de m'apporter vos lumières , et si possible vos remèdes et solutions.
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:36.0) Gecko/20100101 Firefox/36.0

[Abraxas]

tu peux prendre une capture de la zone où il y a le pbm et la mettre ici ? (utilise un imagehoster externe genre http://www.hostingpics.net/ )
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:36.0) Gecko/20100101 Firefox/36.0

[vibraison]

On peut voir le fac-simile de l'écran d'accueil n-py à l'URL suivante :
http://www.hostingpics.net/viewer.php?i ... eilnpy.png
Il y a en haut à droite une rangée horizontale de sept icônes dont seules deux sont affichées.
Et à droite un peu plus bas sept icônes toutes réduites à des rectangles.
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:36.0) Gecko/20100101 Firefox/36.0

[Patclash]

Bonsoir,

tu n'aurais pas Noscript par hazard ?
(j'arrive à reproduire en blocant le site; dès que je l'autorise même temporairement l'affichage devient normal )

Votre Navigateur : Mozilla/5.0 (Windows NT 5.1; rv:36.0) Gecko/20100101 Firefox/36.0

[vibraison]

Hélas non, je n'ai pas Noscript. Mais je pense en effet qu'il y a quelque chose dans ma config qui m'empêche d'accéder à certains contenus distants.
J'ai essayé notamment de laisser les sites me pister, ou bien d'ajouter le site "n-py.com" sur la liste blanche des sites qui ont droit aux fenêtres surgissantes.
Mais rien de tout cela n'a eu d'effet sur le pb.
Comme extensions actives, j'ai :
CouponsHelper
CSHelper
DownloadHelper
i18nsideboard
Skype clic to call
et c'est tout.
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:36.0) Gecko/20100101 Firefox/36.0

[Abraxas]

t'as testé avec un profil vierge ? https://support.mozilla.org/fr/kb/utili ... er-profils
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:36.0) Gecko/20100101 Firefox/36.0

[vibraison]

En poussant les recherches dans ce sens, je suis allé rechercher tous les "javascript" dans about:config.
Tout y est resté conforme aux réglages "en usine", sauf :
pref.advanced.javascript.disable_button.advanced défini par l'utilisateur booléen false
que j'ai réinitialisé. Et là surprise, de booléen il est devenu chaîne, et de plus chaîne vide.
... mais ça ne change rien quant au défaut d'affichage de ces icônes rétives ...
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:36.0) Gecko/20100101 Firefox/36.0

[Abraxas]

le profil vierge, ça donne quoi ?
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:36.0) Gecko/20100101 Firefox/36.0

[vibraison]

RéSOLU.
Bon, avec un profil vierge, l'anomalie est absente. Si l'on y écrase le "prefs.js" par celui du profil défectueux "default", l'anomalie apparaît.
Je me suis bien amusé dans ce profil ainsi vicié, à charcuter directement dans le "prefs.js", en inhibant certains items "user_pref" (mise sous commentaires fin-de-ligne syntaxe Java/C++), jusqu'à déterminer l'item fautif, qui n'est autre que :
user_pref("browser.display.use_document_fonts", 0);
, et qui, une fois l'anglais traduit, ressemble fort à ce qui pourrait être un choix accessible dans les options.
C'est en effet le cas, et c'est via la boîte d'options que j'ai finalement corrigé l'anomalie dans mon profil "default".

MéTHODE :

[menu (icône 3 barres)]
> choix : Options
> onglet : Contenu
> Polices et couleurs : [Avancé]
> case_à_cocher : Autoriser les pages web à utiliser leurs propres polices au lieu de celles choisies ci-dessus.

... yfo cocher la case, c'est tout.

Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:37.0) Gecko/20100101 Firefox/37.0

[michpom]

Pour moi cette méthode n'a pas fonctionné sous Windows 10, la case étant déjà cochée.
Par contre le vidage du cache des icônes a résolu le problème:

Rebuilding the Icon Cache Database

1. Close all folder windows that are currently open.
2. Launch Task Manager using the CTRL+SHIFT+ESC key sequence, or by running taskmgr.exe.
3. In the Process tab, right-click on the Explorer.exe process and select End Process.
4. Click the End process button when asked for confirmation.
5. From the File menu of Task Manager, select New Task (Run…)
6. Type CMD.EXE, and click OK
7. In the Command Prompt window, type the commands one by one and press ENTER after each command:
CD /d %userprofile%\AppData\Local
DEL IconCache.db /a
EXIT
8. In Task Manager, click File, select New Task (Run…)
9. Type EXPLORER.EXE, and click OK.