2017-01-19 2 views
0

J'inclus dis "Noto Sans" ou "Ubuntu" sur ma page Web via css "@import". Si je compare le rendu sur ma page avec le rendu sur la page GoogleFonts, il semble différent pour les deux polices. Même si je colle le même texte dans GoogleFonts et que je choisis la même taille, le même arrière-plan, la même couleur.font les polices différemment sur GoogleFonts que sur ma page

Voici une image: (particulièrement visible avec le "A") enter image description here

Toute idée s'il y a un paramètre qui me manque? Comme vous pouvez voir ni le poids ni la taille correspond. Surtout le poids semble être un problème. Comparer "Noto Sans" la police avec le même poids semble beaucoup plus épais sur ma page. J'ai téléchargé les polices de Google dans mon système. Mais cela s'applique également si je supprime ces polices et que le navigateur utilise des polices distantes. J'utilise MacOSX mais en vérifiant dans Browserstack il semble que le problème est effectif dans plusieurs navigateurs. J'ai testé dans Win7 avec IE9 aussi.

+0

Vous n'êtes pas sûr des navigateurs IE, mais avez-vous essayé d'ajouter '-webkit-font-smoothing: antialiased;'? Google utilise également '-ms-text-size-adjust: 100%;' pour IE. –

+0

ouais c'est ça, malheureusement je n'ai pas vu ça dans la console de débogage. pourriez-vous le coller comme une réponse afin que je puisse le vérifier? – DarsVaeda

Répondre

1

Vous ne savez pas sur les navigateurs IE, mais avez-vous essayé d'ajouter -webkit-font-smoothing: antialiased;? Google utilise également -ms-text-size-adjust: 100%; pour IE.