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

Question

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

在上面的链接中，我意识到当在windows7的chrome/ie/ff上查看时，导航侧边栏(右侧)上的字体显得格外纤细和锯齿/模糊。

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

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

跟我的css语法有什么关系？我该如何解决这个问题？

编辑:截图如下：

​

​

Answer 1

网页字体并不是在所有浏览器中都很平滑。对于web-kit浏览器，您可能必须使用-webkit-font-smoothing: antialiased。

你最好使用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-kit浏览器，您可能必须使用-webkit-font-smoothing: antialiased。

你最好使用text- shadow : 0px 0px 1px #GOOD- color -HERE或text-shadow: 0px 0px 1px rgba(COLOR- settings -HERE)，并调整颜色设置和阴影以获得最佳效果。

发现了另一个和你的问题类似的问题。Other Post

还有。This Post

网页字体的渲染效果取决于5件事；

字体的设计是否合适？字体的提示效果如何？它是从哪种字体交付服务提供的？使用的字体大小是多少？它在什么系统配置上被查看？有关更多信息，请访问：http://elliotjaystocks.com/blog/choose-your-web-fonts-wisely/