: 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
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&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
More posts by @Moriarity557
1 Comments
Sorted by latest first Latest Oldest Best
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
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.