Forums

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

#131074
chrisburton
Participant

Oh, wow. My education on type has come a long way (noticing my comments from above).


@paintba11er89
Anyway, I honestly don’t think a media query is actually necessary here. I believe serving the SVG first will solve the problem. And the actual problem is that Chrome (Windows) does not render anti-aliasing on TrueType fonts.

Fix:

@font-face {
font-family: ‘MyFontFamily’;
src: url(‘myfont-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘myfont-webfont.svg#svgFontName’) format(‘svg’),
url(‘myfont-webfont.woff’) format(‘woff’),
url(‘myfont-webfont.ttf’) format(‘truetype’);
}