Mauvais rendu de ma police d’écriture Helvetica Neue light (Créer un compte)

  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 32)
  • Auteur
    Messages
  • #547050
    lefevre
    Membre
    Chevalier WordPress
    255 contributions

    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 : Capture-d’écran-2015-02-09-à-22.32.52.png alors que quand j’essaie de l’intégrer moi-même sur mon site, cela donne cette horreur : Capture-d’écran-2015-02-09-à-22.32.20.png

    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. Capture-d%E2%80%99%C3%A9cran-2015-02-09-%C3%A0-22.46.41.png

    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

    #994227
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    De 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…

    #994228
    lefevre
    Membre
    Chevalier WordPress
    255 contributions

    Ben 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 aide

    #994229
    lefevre
    Membre
    Chevalier WordPress
    255 contributions

    Moi je veux CE RENDU !!! Capture-d’écran-2015-02-10-à-11.27.44.png

    Ce serait vraiment super d’y arriver… Est-ce mon thème le problème ?

    #994230
    lefevre
    Membre
    Chevalier WordPress
    255 contributions

    up…

    #994231
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    Ben 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.php

    Faites 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.

    #994232
    lefevre
    Membre
    Chevalier WordPress
    255 contributions

    Salut, 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

    #994233
    lefevre
    Membre
    Chevalier WordPress
    255 contributions

    ah 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

    #994234
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    Fontsqurrel 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

    #994235
    lefevre
    Membre
    Chevalier WordPress
    255 contributions

    Bon, j’ai tout fait en manuel du coup, Helvetica est installé sans plugin mais… c’est toujours aussi moche
    Capture-d’écran-2015-02-11-à-13.33.18.png

    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…

    #994236
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    1- 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_top

    2- 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/fonts

    En ce qui me concerne, je ne la mets jamais la typo à 100% noire, plus tôt un gris anthracite …

    #994237
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    Edit: En ce qui me concerne, je ne mets jamais la typo à (100%) en noir, plutôt un gris anthracite …

    #994238
    lefevre
    Membre
    Chevalier WordPress
    255 contributions

    Ben 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

    #994239
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    Que 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 …).

    #994240
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    Et 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 …

15 sujets de 1 à 15 (sur un total de 32)
  • Vous devez être connecté pour répondre à ce sujet.