Henrik Carlsson's Blog

All things me.

Better font-rendering

posted this on and tagged it with Code HTML5/CSS3

I’ve just fixed the font-rendering for this site in Chrome and Firefox for Windows. I believe the problem had something to do with the @font-face-implementation in the various browsers and/or various font formats in different operating systems. The @font-face-code that I know use is from Andy Clarke’s book Hardboiled Web Design and from en article by Paul Irish called @font-face gotchas. I will likely write a longer blog post about this later but for now, here is the code I used.

@font-face {
font-family : "Regular";
src : url("fonts/Bergamo/BergamoStd-Regular-webfont.eot");
src : local("☺"),
url("fonts/Bergamo/BergamoStd-Regular-webfont.svg#Regular") format("svg"),
url("fonts/Bergamo/BergamoStd-Regular-webfont.ttf") format("truetype"),
url("fonts/Bergamo/BergamoStd-Regular-webfont.woff") format("woff");}