Mobile app version of vmapp.org
Login or Join
Moriarity557

: Rendering of Raleway (Google Web Fonts) in Google Chrome browser I am using Windows 7 and I have a problem with one of Google Fonts: Raleway. I checked and this font looks very good in Firefox

@Moriarity557

Posted in: #Fonts #GoogleChrome #Windows #Windows7

I am using Windows 7 and I have a problem with one of Google Fonts: Raleway. I checked and this font looks very good in Firefox (ver. 34) but in Google Chrome (ver. 39) it looks terrible on my computer. Sometimes I cannot read the text.

I downloaded Raleway Google Web Fonts thanks to this link:

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




Print screens (Windows 7):

Google Web Font: Raleway in Google Chrome 39



Google Web Font: Raleway in Firefox 34





Raleway, Google Web Font you can find on www.google.com/fonts/specimen/Raleway

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Moriarity557

1 Comments

Sorted by latest first Latest Oldest Best

 

@Pierce454

This is a known issue with Raleway and some versions of Chrome, it's related to anti-aliasing of fonts. This is a fix for windows, using SVG in the 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;}
}


This can make things look even worse on a Mac so you can code HTTP headers to change this only for Windows, instructions

This suggestion html { -webkit-text-stroke: 0.25px} from superuser looks promising.

This solution from stackoverflow explains how to get around issues involving locally installed google fonts and chrome rendering.

chrome bug report and news on Chrome 37 fixing it

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme