- Statut : non résolu
- Ce sujet contient 31 réponses, 2 participants et a été mis à jour pour la dernière fois par
ouistiti.net, le il y a 7 années et 4 mois.
-
AuteurMessages
-
9 février 2015 à 21 h 51 min #547050
Bonjour,
Cela fait un moment que je rencontre ce problème : sur Word, par exemple, quand j’utilise la police d’écriture Helvetica Neue light en noir, le rendu est parfait mais sur WordPress, quand j’utilise le plugin Font-Uploader pour remplacer la police d’écriture par défaut de mon thème avec, donc, Helvetica Neue light, le rendu sur mes articles n’est pas du tout le même.
Sur un site internet ayant la même police d’écriture que moi, le rendu est parfait, comme ceci :
alors que quand j’essaie de l’intégrer moi-même sur mon site, cela donne cette horreur :
Pour info, voici ce que j’ai mis dans mon fichier style.css, même si c’est le plugin Font-Uploader qui se charge d’incorporer Helvetica Neue Light à mes articles :
body { font-family: HelveticaNeue-Light, »Helvetica Neue Light », »Helvetica Neue »,’Open Sans’!important; font-style: normal; font-weight: 500; font-size: 19px; text-align: justify; word-wrap: break-word; word-break: break-word; color: #000000; position: relative; -webkit-font-smoothing: antialiased; overflow-x: hidden; } body.gateway-open { position: fixed; overflow: hidden; min-width: 100%; }
Voici aussi une capture d’écran de mon plugin Font-Uploader : comme son nom l’indique, j’upload un font et je l’incorpore à divers éléments.
Voilà, je pense vous avoir fourni suffisamment d’informations, j’aimerais vraiment savoir comment remédier à ce problème, améliorer la netteté de ma police, savoir ce qui fait que ce rendu soit bizarre une fois en ligne. Cela paraît peut être rien si on compare seulement mes deux captures d’écran mais ça fait la différence dans un article.
Merci de votre attention !
Ma configuration WP actuelle
– Version de WordPress[4.0/b] :
– Version de PHP/MySQL :
– Thème utilisé[Proxi Responsive/b] :
– Extensions en place[Font-Uploader etc./b] :
– Nom de l’hebergeur[OVH/b] :
– Adresse du site :Problème(s) rencontré(s) : mauvais rendu de ma police d’écriture Helvetica Neue light sur WordPress
9 février 2015 à 22 h 11 min #994227De tout manière vous n’aurez jamais le même rendu selon le navigateur, car chacun d’entre eux interprète à sa manière les fontes.
Et êtes-vous certain (e) que ce n’est pas de l’Open Sans qui s’affiche (elle ressemble énormément l’Helvetica Neue)?
J’ai testé Helvetica Neue et honnêtement le résultat n’était pas top…
10 février 2015 à 10 h 25 min #994228Ben il doit y avoir un moyen de régler le problème, puisque j’ai navigué sur l’autre site (celui avec la police parfaite) aussi avec Chrome, donc il est certain que le problème ne vient pas du navigateur dans mon cas.
Oui il s’agit bien d’Helvetica Neue qui s’affiche, et de toute façon, j’ai testé avec les deux et le rendu n’est vraiment pas beau.
Ce que je ne comprends pas, c’est pourquoi certains sites WordPress arrivent à avoir un très bon rendu avec la même police, et pas moi ? Il n’y a pas un petit truc en CSS qui pourrait m’aider ? Vraiment bizarre tout ça… Merci de votre aide10 février 2015 à 10 h 29 min #994229Moi je veux CE RENDU !!!
Ce serait vraiment super d’y arriver… Est-ce mon thème le problème ?
11 février 2015 à 10 h 01 min #994230up…
11 février 2015 à 10 h 22 min #994231Ben déjà, je ne connais pas le plugin et la source de votre fonte (si fonte free, (normalement elle est payante), mauvaise qualité).
Pour chaque navigateur, il y a une extension telles que: eot, otf, woff, svg
Réf: http://css.mammouthland.net/css3/font-face.phpFaites une recherche sur le web avec le mot : @font-face, car ça n’a pas vraiment de lien avec WP … Et difficile de se rendre compte via un image, un lien vers votre site est préférable.
11 février 2015 à 11 h 05 min #994232Salut, je suis allé vers ton lien qui m’a l’air pas mal du tout. Il redirige donc vers le site http://www.fontsquirrel.com/tools/webfont-generator
Du coup j’upload ma police, je télécharge le gros dossier avec tous les formats eot, otf, woff, svg, tiff et je trouve le bout de code CSS suivant
@font-face { font-family: ‘helvetica_bqregular’; src: url(‘helveticabq-light-webfont.eot’); src: url(‘helveticabq-light-webfont.eot?#iefix’) format(’embedded-opentype’), url(‘helveticabq-light-webfont.woff2’) format(‘woff2’), url(‘helveticabq-light-webfont.woff’) format(‘woff’), url(‘helveticabq-light-webfont.ttf’) format(‘truetype’), url(‘helveticabq-light-webfont.svg#helvetica_bqregular’) format(‘svg’); font-weight: normal; font-style: normal; }
Alors à partir de là, je ne sais pas. Je dois uploader mes fonts dans ma bibliothèque de média ? De toute façon, ça ne marche qu’avec .tiff, pas avec le reste qui ne s’upload pas. Du coup, le bout de code css que je dois placer dans style.css ne marche pas puisque je n’ai pas l’url des fonts.
Je suis un peu perdu du coup… Quelle est la marche à suivre pour avoir une jolie police de caractère compatible avec un maximum de navigateurs sur mon site ? Merci
11 février 2015 à 11 h 09 min #994233ah j’ai trouvé ça pour plus de renseignements : http://w18w.fr/site/ajouter-une-police-a-wordpress/
Je test et je verrai bien si ça marche
11 février 2015 à 11 h 17 min #994234Fontsqurrel ne vous sera pas d’un grand secours si votre typo est cryptée (les fontes adobe sont protégées).
Le dossier doit se situer dans le dossier de votre thème. Ensuite mettre l’url dans la feuille de style.css
11 février 2015 à 12 h 37 min #994235Bon, j’ai tout fait en manuel du coup, Helvetica est installé sans plugin mais… c’est toujours aussi moche
Du coup, une solution ? Aurais-je déniché une police de mauvaise qualité, est-ce le thème ? Suis-je le seul à avoir un rendu moche comme celui-ci ? C’est rageant à la fin. Que font les autres pour que leurs articles rendent bien ? Y’aurait-il une police similaire qui change la donne ? oui, ça fait beaucoup de questions…
11 février 2015 à 13 h 10 min #9942361- Aurais-je déniché une police de mauvaise qualité?
Sans doute …
http://forum.alsacreations.com/topic-4-57019-1-font-face-et-polices-payantes.html
http://www.fonts.com/font/linotype/neue-helvetica#product_top2- est-ce le thème ?
Non, le thème affluence en rien la qualité de l’affichage de la typo.3- Y’aurait-il une police similaire qui change la donne ?
L’ Open Sans est une typo très proche de l’Helvetica (pour finir vous avez laquelle? Helvetica ou Helvetica Neue).
Il est possible de l’installer via Google fonts: https://www.google.com/fontsEn ce qui me concerne, je ne la mets jamais la typo à 100% noire, plus tôt un gris anthracite …
11 février 2015 à 13 h 14 min #994237Edit: En ce qui me concerne, je ne mets jamais la typo à (100%) en noir, plutôt un gris anthracite …
11 février 2015 à 16 h 47 min #994238Ben figure-toi que l’Open Sans rendait encore plus moche sur mon site. Vraiment bizarre cette histoire. Du coup, oui J’utilise bien Helvetica Neue Light que j’ai testé dans plusieurs couleurs. Je n’ai aucun droit là-dessus, mon site est en test depuis plusieurs mois maintenant et je télécharge simplement pour voir laquelle va le mieux. À son ouverture, je prendrai bien évidemment la licence. J’ai apparemment eu raison sur ce coup là parce qu’adorant Helvetica Neue light dans mon quotidien, là, ça ne va pas du tout. Mais c’est le même problème pour toutes les polices que je mets. Et même sur ce site qui propose de mettre n’importe quel texte en helvetica http://www.linotype.com/1266/NeueHelvetica-family.html?site=webfonts le résultat n’est pas terrible non plus. Je ne suis pourtant pas fou, il y a bien un réel problème de netteté… Je ne sais vraiment quoi faire. Car des sites à la police parfaite, ça existe en prenant exemple du blog d’où je tire mes captures d’écran. Quand un site est axé sur le contenu, la police doit être irréprochable. J’en ai marre
11 février 2015 à 17 h 15 min #994239Que vous voulez que je vous dise, il n’ y pas de lien qui pointe vers votre site, même pas un lien qui m’amène à voir ce fameux site en comparaison avec votre typo et celle mentionnée. Honnêtement toutes les captures d’écran n’aident pas à visualiser le résultat final.
Avez-vous essayé d’installer une typo via google fonte? juste pour définir si la provenance de votre souci vient de la typo en elle-même ou non … (Ils ont l’Open Sans et bien d’autres …).
11 février 2015 à 17 h 47 min #994240Et si vous regardez bien ce n’est pas la même typo entre le premier connecté et le deuxième, c’est flagrant: une est plus ronde et l’autre est allongée…
Après, j’ai eu fait des tests pour un client (je ne sais pas pourquoi tout le monde veut cette typo ou fonte (pour le web et print, même pour des logos (ça en devient presque banal)), le résultat avec la méthode @font-face, n’était pas top… (pas certaine non plus qu’il avait la licence) . Par contre on décidé de passer par google fonte, et il a été satisfait.
Sur un autre site, j’ai utilisé la méthode @font-face. Le résultat: énorme différence entre les navigateurs (surtout IE)
Voici mon retour d’expérience …
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.