The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Getting around Chrome font display on PC Re: Getting around Chrome font display on PC


Whether you’re talking about poor antialiasing on Chrome, or the font being too thin on Chrome, there is definitely a solution:

`@media screen and (-webkit-min-device-pixel-ratio:0) {}` will single out webkit driven browsers (Chrome and Safari). With this media query, you can increase the font size, AND you can use the `@font-face` directive to force the webkit browsers to take the `SVG` file-type over the `WOFF` file-type. NOTE: In the normal CSS, you’d have your cascading fonts under the `@font-face` directive, but you would eliminate all of them except `SVG` for your Webkit media query. Makes worlds of difference.

@font-face {
font-family: ‘League Gothic’;
src: url(‘../fonts/League_Gothic-webfont.svg#LeagueGothicRegular’) format(‘svg’);
font-weight: normal;
font-style: normal;