0

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?

1 Answer 1

1

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

2
  • But how can i ichieve antialiasing?
    – 71GA
    Jan 29, 2013 at 21:36
  • convert your fonts and use url(‘webfont.svg#svgFontName’) format(‘svg’)or enable clear font type in windows. Feb 28, 2013 at 23:45

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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