web-dev-qa-db-fra.com

Rendu de Raleway (polices Web Google) dans le navigateur Google Chrome

J'utilise Windows 7 et j'ai un problème avec l'une des polices de Google: Raleway . J'ai vérifié et cette police est très belle dans Firefox (ver. 34) mais dans Google Chrome (ver. 39) ça a l'air terrible sur mon ordinateur. Parfois, je ne peux pas lire le texte.

J'ai téléchargé Raleway les polices Web Google grâce à ce lien:

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Raleway%3A200%2C300%2C400%2C500%2C600%2C700&#038;subset=latin">

Imprimer des écrans (Windows 7):

Google Web Font: Raleway dans Google Chrome 39

GWF Raleway in Google Chrome (Windows 7)

Police Google Web: Raleway dans Firefox 34

enter image description here


Raleway, Google Web Font, vous pouvez trouver sur http://www.google.com/fonts/specimen/Raleway

7
Cichy

Il s’agit d’un problème connu de Raleway et de certaines versions de Chrome. Il est lié à l’anti-aliasing des polices. Ceci est un correctif pour Windows, en utilisant SVG dans le css

/*FIX FONT FOR GOOGLE CHROME ON WINDOWS*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
    font-family: 'MyFont';
    src: url('fonts/myfont.svg#myfont') format('svg');
    font-weight: normal;
    font-style: normal;}
 }

Cela peut rendre les choses encore pires sur un Mac, donc vous pouvez coder les en-têtes HTTP pour ne changer cela que pour Windows, instructions

Cette suggestion html { -webkit-text-stroke: 0.25px} de superutilisateur semble prometteuse.

Cette solution from stackoverflow explique comment résoudre les problèmes liés aux polices Google installées localement et au rendu chrome.

rapport de bogue chrome et nouvelles sur Chrome 37 le corrige

4
Mousey