In a new project, we decide to use Gooogle Web Font. It pretty easy to set it up. But I see the font is rendering differently from monitor to monitor and even browser to browser.
How that could be?
Thanks!
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
In a new project, we decide to use Gooogle Web Font. It pretty easy to set it up. But I see the font is rendering differently from monitor to monitor and even browser to browser.
How that could be?
Thanks!
There are two good articles about the topic, written by the TypeKit team:
http://blog.typekit.com/2010/10/05/type-rendering-on-the-web
http://blog.typekit.com/2010/10/15/type-rendering-operating-systems
The visual result of a rendered font is influenced by many things. Notably pixel density on displays and the way subpixels are rendered. Unfortunately subpixel rendering is different from operating system to operating system and from browser to browser.
Subpixel-Rendering: http://en.wikipedia.org/wiki/Subpixel_rendering
The nearest you get to a consistent appearance is with well-hinted and optimized fonts.
But Google doesn’t seem to have a way to find only optimized fonts. So your back to testing 🙂