奇怪的字體邊框瓦特/沒有CSS應用

-2

我已經拿出了頁面上的所有樣式，我仍然看到這是一個非常奇怪的字體邊框問題。所有的文本都是非常重要的，我已經用完了一些東西來調試。這裏是什麼樣子特寫：奇怪的字體邊框瓦特/沒有CSS應用

enter image description here

見光的藍色和棕色的邊緣？這就是它近似的樣子，但在100％時，它只是讓所有的文字看起來很黑並且加權。奇怪的是，我已經能夠找到的唯一修復方法是更改某個元素（標題）的z-index，但這對長期b/c不起作用，導致標題不可點擊。我在OSX使用Chrome 36，而且事實證明，這是發生甚至簡單的頁面：

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

任何人有任何想法？

來源

2014-07-21 JayD3e

請粘貼工作演示，我們可以看到您的樣式。 – Jay

什麼操作系統，瀏覽器？ – j08691

你在使用@ font-face嗎？你在鉻？示例代碼？ –

這不是一個邊框，這是液晶平滑算法。它通過在LCD監視器上呈現RGB單元格的特定方向來工作，因此它可以打開例如「平滑」字體每次像素的1/3。您可以通過禁用「ClearType」來關閉Windows中的平滑處理，但知道您的查看者可能已啓用它。

參考文獻：

來源

2014-07-21 13:35:16 PaulProgrammer

謝謝！爲什麼同一臺計算機上的類似標記/ css（Chrome/OSX）顯示不同呢？ ClearType不是全系統設置嗎？我正在重新設計一些東西，而舊設計的文本沒有應用平滑算法，但是在更改了一些CSS後，現在將其應用於新設計。如果它是一個系統範圍的設置，兩者都應該顯示相同的正確文本？ – JayD3e

完整閱讀第一個參考。這有點過時了，但描述了平滑在瀏覽器渲染引擎中的普遍適用情況，以及未來如何實現「字體平滑」CSS3參數，現在在某些情況下可能會實現此功能。 – PaulProgrammer

奇怪的字體邊框瓦特/沒有CSS應用

回答

相關問題