在Windows 7上旋转时，字体呈现模糊和锯齿状

Question

http://stage.bravo-company.info/panaplast/index2.php/

上面的链接，我意识到导航侧边栏（右侧）上的字体在Windows 7上的chrome / ie / ff上查看时显得超薄且呈锯齿状/模糊。

我读到了关于cleartype的东西，但对我来说，其他字体似乎是可以接受的，除了侧边栏导航上的旋转字体。

字体'vitesse'是使用font-face嵌入的css。但我禁用了字体并使用了默认的网络字体，但问题仍然存在。

与我的css语法有关？ 我该如何解决这个问题？

编辑：截图：

Answer 1

  

所有浏览器中的Web字体都不流畅。你可能不得不使用   -webkit-font-smoothing：针对web-kit浏览器进行抗锯齿处理。

     

你最好使用text-shadow：0px 0px 1px＃GOOD-COLOR-HERE或   text-shadow：0px 0px 1px rgba（COLOR-SETTINGS-HERE）并调整颜色   设置和阴影以获得最佳效果。

找到与您类似的另一个问题。 Other Post

Answer 2

您仍在使用vitesse字体：

$("#link-home").css("font-family")

返回

"vitessel"

我用Arial覆盖它并且工作正常，看起来这只是字体的问题吗？

Answer 3

  

所有浏览器中的Web字体都不流畅。你可能不得不使用   -webkit-font-smoothing：针对web-kit浏览器进行抗锯齿处理。

     

你最好使用text-shadow：0px 0px 1px＃GOOD-COLOR-HERE或   text-shadow：0px 0px 1px rgba（COLOR-SETTINGS-HERE）并调整颜色   设置和阴影以获得最佳效果。

找到与您类似的另一个问题。 Other Post

另外。 This Post

  

Web字体的渲染效果取决于5件事情;

     

字体的设计有多合适？字体有多好   暗示？从哪个字体递送服务？什么字体   尺寸正在使用？在什么系统配置被查看？   欲了解更多信息：   http://elliotjaystocks.com/blog/choose-your-web-fonts-wisely/