28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un soucis que je n'arrive pas à résoudre, j'ai un visiteur qui a un soucis avec la version 35.01 où les icones (font-face) sont remplacés par des carrés.

Malheureusement, impossible de reproduire le bug, j'ai pu tester en ligne la version 35.0 sur Win8 et mac osX, j'ai des machines virtuelles avec lesquels je n'ai aucun soucis non plus. J'ai fais une 100 aine de capture d'écran sur des sites spécialisés de test, aucun affiche des carrés à la place des icônes, peu importe le navigateur / OS. Mais le fait est que sur la capture d'écran qu'elle m'envoie, les icônes ne s'affichent pas.

Je vous copie/colle quand même le code du @font-face

@font-face {
    font-family:'fontIcon';
    font-style:normal;
    font-weight:normal;
    src:url('/static/font/icon/fontIcon.eot');
    src:url('/static/font/icon/fontIcon.eot?#iefix') format('embedded-opentype'),
    url('/static/font/icon/fontIcon.woff') format('woff'),
    url('/static/font/icon/fontIcon.ttf') format('truetype'),
    url('/static/font/icon/fontIcon.svg') format('svg');
}


A savoir que j'utilise https://www.npmjs.com/package/gulp-iconfont pour générer la font à partir de fichier SVG

Donc ma question est simple, est-ce que vous connaissez un moyen de télécharger la version 35.01 de firefox, est-ce que vous savez si un soucis persiste avec gulp-iconfont, est-ce que vous voyez un soucis sur le code CSS utilisait ?

Est-ce que vous avez une piste ?

La seule vraie piste étant ce poste : https://css-tricks.com/forums/topic/font-face-icon-font-not-working-in-firefox/ mais apparement le bug est sur tout firefox, et sans pouvoir reproduire le problème, il m'est impossible d'être sûr que ça marche ensuite.

Merci de votre aide Smiley cligne
Modifié par kenor (27 Apr 2015 - 14:32)
Alors là ... j'ai téléchargé, installé sur le mm OS (via virtualBox), quand je regarde le "à propos" j'ai bien la bonne version, bref, tout est ok (il m'avait dis 35.01, mais à priori c'est 35.0.1). Tout est impeccable, pas le moindre pixel de travers.

Du coup ... je vois vraiment plus ce que je peux faire.

Si ça vous parle Smiley smile
Hum, en fouillant les menus de firefox, j'ai vu qu'il était possible de désactiver les polices de caractères, et donc les font icones. Je me demande si ce n'est pas ça le soucis, je vais lui poser la question.

Du coup, pour ceux qui utilisent cette option, il existe un plan B ? (ou au moins leur signaler ...)
Modérateur
Bonjour,

Mmmm tu n'as cette remontée que d'un seul utilisateur ? C'est récurent chez lui ou il n'a tenté qu'une fois ? Je trouve ça bizarre... je pense plutôt que c'est un pb de téléchargement de la font, un time-out qui pète ou un truc dans le genre... a moins comme tu dis qu'il ai manuellement désactivé les font (mail là faut en vouloir).
Pour le moment je n'ai qu'un seul utilisateur qui m'a remonté le soucis oui (après la nouvelle version est toute récente, la communauté du site est active et nombreuse, donc pour le moment, ça reste un cas isolé).

J'ai regardé sa capture d'écran, les autres typo sont également mauvais, c'est moins gênant vu que ça reste du texte, donc elle ne me l'a pas signalé comme une erreur, forcement, mais ce n'est pas ceux définis par les font-face.

Donc je penche de plus en plus sur cette case décochée ... probablement par erreur. Je n'ai pas encore eu de retour de sa part, mais elle me l'avait signalé 2 jours de suite oui (les icones font-face étant fortement utilisé sur le site, ça se voit forcement sur toutes les pages).

Il faut que je trouve un moyen de détecter le non-chargement d'une font je pense.
verdict : c'était bien la case de décocher, à mettre dans un coin de la tête ça Smiley lol Beaucoup de temps perdu pour pas grand chose Smiley decu