I have found a topic which presents a solution on how to get antialising working in Google Chrome - Windows, but they use .svg format. I have a .ttf format and I import all of my fonts like this at the moment:

@font-face {font-family: "t1"; src: url(../fonts/title/circle.ttf);}
@font-face {font-family: "t2"; src: url(../fonts/title/sanserifing.ttf);}
@font-face {font-family: "t3"; src: url(../fonts/title/serveroff.ttf);}
@font-face {font-family: "t4"; src: url(../fonts/title/pupcat.ttf);}

How can I achieve antialising done right in Google Chrome Windows?


Generally it's a very bad idea just to provide TTF fonts since some systems and browsers use certain types. For maximum compatibility you should be using .ttf, .otf, .eot, .woff and .svg files.

A solution to this is to convert the TTF fonts to all the other formats, lucky enough this is a simple task and just a matter of visiting a website and converting the fonts. It's worth noting that some fonts have commercial licensing that does not allow you to use them on websites - ensure you check this to avoid any licensing issues.

To convert your TTF fonts visit Font 2 Web

  • But how can i ichieve antialiasing? – 71GA Jan 29 '13 at 21:36
  • convert your fonts and use url(‘webfont.svg#svgFontName’) format(‘svg’)or enable clear font type in windows. – Simon Hayter Feb 28 '13 at 23:45
  • +1 for good answer. why the downvote? – David K. May 8 '13 at 12:35

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.