Как сделать тонкие шрифты более плавными в CSS 3 в Windows?
Когда я разработал свой веб-сайт в Adobe Flash Pro CS6, шрифт выглядит так:
Шрифт выглядит гладким и немного толще, и когда я создаю HTML и CSS для визуализации шрифта в браузере, он выглядит примерно так, соответственно, в IE, Firefox и Chrome.
Он кажется более тонким и неровным в некоторых областях. Я видел намного более плавный рендеринг шрифтов в OS X. Как я могу сделать шрифт более плавным в этих браузерах? Я предполагаю, что это проблема с ClearType, который выглядит отвратительно с тонкими шрифтами, как этот.
Вот код, который я использую для тестирования, поэтому ответы можно проверить перед публикацией:
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css' />
</head>
<body>
<span style="color: #333; font-family: Lato; font-size: 32px;">Question or concern?</span>
</body>
</html>