Question

我已经取出了页面上的所有样式，我仍然看到这个奇怪的字体边框问题。所有的文本都是非常重要的，我已经没有东西可以调试了。这是近似的结果：

enter image description here

看到淡蓝色和棕褐色的边缘？这就是它看起来像是近距离的，但在100％它只是使所有文本看起来非常黑暗和加权。奇怪的是，我能找到的唯一修复是更改某个元素（标题）的z-index，但这对长期不起作用b / c它会使标题不可点击。我在OSX上使用的是Chrome 36，事实证明，即使只有一个简单的页面，也会出现这种情况：

<html>
    <head>
    </head>
    <body>
        <a href="">link</a>
    </body>
</html>

有人有任何想法吗？

Answer 1

那不是边界，这是lcd平滑算法。它通过在LCD监视器上假设RGB单元的特定方向来工作，因此它可以打开，例如一次为1/3像素，以便更顺畅地拍摄＃34;字体。您可以通过禁用＆＃34; ClearType＆＃34;来关闭Windows中的平滑功能，但要知道您的观看者可能已启用它。

参考文献：

没有CSS应用的奇数字体边框

1 个答案: