Ouvert Sans Polices Web de Google de Rendu de Chrome

J'ai remarqué une différence significative dans la prestation de l'Ouvrir Sans (Polices Web de Google) à partir de google Chrome, Safari/Firefox. - Je joindre deux photos, la première étant le chrome et le second safari.

Tout ce que j'ai dans la feuille de style est:

        font-family: 'Open Sans', sans-serif;
        font-size:14px;

Espère que vous pouvez aider, car j'aime vraiment le chrome (première image) rendu mais la HAINE de l'autre!!

Ouvert Sans Polices Web de Google de Rendu de Chrome

Ouvert Sans Polices Web de Google de Rendu de Chrome

Avez-vous déjà appliquer le Chrome fixer à la liste format SVG d'abord comme par fontspring.com/blog/smoother-web-font-rendering-chrome ? Que, généralement, traite d'un problème qui est dans l'autre sens (blockier texte sur Chrome), mais si vous n'avez pas, vous devez mettre en place puis de voir ce que l'rendus ressembler.
liés à la question stackoverflow.com/questions/17867574/...

OriginalL'auteur JamesBriggs | 2012-10-29

  1. 2

    J'ai eu de la chance dans le passé à l'aide de font-weight: lighter!important; sur les polices qui apparaissent de plus en plus audacieux et totalement différent de ce qu'ils sont destinés à ressembler à de la. Chaque navigateur interprète les polices différemment. Polices Web de Google essaie de faire de son mieux pour servir les versions correctes, mais il y a parfois des changements radicaux entre les navigateurs et systèmes d'exploitation.

    Espère que cette information aide! Permettez-moi de savoir si cette solution fonctionne, sinon je peux regarder plus loin. Ouvert Sans est une belle police de caractères pour le web, bon choix 🙂

    Salut parker, merci pour la réponse. Malheureusement, cela ne semble pas fonctionner! 🙁 D'autres idées?
    Hey James, malheureusement il n'y a pas beaucoup d'options pour la fixation de la police des incohérences entre les navigateurs. Webkit est tristement célèbre pour le mauvais rendu des polices, mais dans ce cas, c'est Firefox. Avez-vous regardé des polices similaires sur Google Fonts (même style visuel que de l'Ouvrir Sans) qui sont plus compatibles?
    Salut Parker. Êtes-vous sûr que c'est Firefox, depuis Firefox et Safari sont de l'affichage de la police de la même façon. C'est seulement le rendu fourni par google Chrome que j'aime (et la façon dont il est affiché sur Google fonts).
    Je pensais que Firefox ne fonctionnait pas, mais maintenant que j'ai relu votre question, il peut être Chrome affichage de mal (dans votre cas, à droite). Avez-vous essayé d'autres polices pour voir comment ils se rendre? Raleway sur Google Polices peuvent être une bonne alternative, il semble cohérent sur Safari, Chrome et Firefox sur mac OSX: google.com/webfonts/specimen/Raleway
    Vous devez aussi être prudent de polices locales -- si vous avez les polices installées sur votre système, un navigateur peut-être à l'aide de la version installée et pas de polices web. Un autre problème que j'ai eu, c'est les noms de polices de Google sont incompatible, et donc vous pourriez poser pour Ouvrir Sans, et la feuille de style dit OpenSans, et il revient à la police système. Désolé, je n'ai pas eu assez de café aujourd'hui.

    OriginalL'auteur Parker Young

  2. 6

    Ajouter à la tête de 

    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,300' rel='stylesheet' type='text/css'>

    Règle CSS

    .btn{
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
    text-rendering: optimizeLegibility;
font-size: .9em;
}
    ajoutez à cela le haut de la page css: - @import url(fonts.googleapis.com/css?family=Open+Sans:400,300);

    OriginalL'auteur yorkfx

  3. 2

    J'ai ajouté directement cette ligne im ma tête, et ça fonctionne!

    <link href='//fonts.googleapis.com/css?family=Open+Sans:300,400,600' rel='stylesheet' type='text/css'>

.nav > li > a {
    color: #000; font-size: 13px; font-weight: 600;
}

    Au lieu de simplement appeler la police sans tailles dans l'en-Tête et de définir par la suite que le gras, une méthode qui ne fonctionne pas.

    La seule solution qui a fonctionné pour moi! À l'aide de Chrome sur iOS 9.3

    OriginalL'auteur Lidia Panio

  4. 1

    Il y a une question où Safari polices à taille fixe et les autres navigateurs et les rendre plus exactement:

    exemple à tech.Ozake.com

    Donc, si vous demandez votre texte à un taille qui se situe entre deux de Safari, vous obtiendrez un résultat différent dans Safari que dans les autres navigateurs.

    Donc, en fonction de comment vous déclarer la taille de la police et de la façon dont la fenêtre est de taille moyenne, vous obtiendrez de taille différente résultats.

    Plus refs veuillez
    Je n'ai pas vu ce document n'importe où d'autre, mais vous pouvez le voir dans l'exemple que c'est vrai.

    OriginalL'auteur Andrew Swift

  5. -2

    Vous n'a apparemment pas de réinitialiser le navigateur par défaut CSS, essayez de définir font-weight explicitement.

    J'ai essayé un certain nombre de police-poids, mais il a ensuite complètement les changements dans Chrome!
    J'avais suspect Chrome à l'aide d'un autre format fourni par Google (Google sert un autre) avec l'un des formats construit de manière incorrecte.
    Est-il un moyen de résoudre ce problème Damon?

    OriginalL'auteur Sascha