在透明度上顯示文本的問題（HTML/CSS）

Question

我正在使用基本上由橙色背景和一些透明黑色容器組成的bootstrap網站。 http://i.stack.imgur.com/n9G5O.png

正如您所看到的，顯示在透明框中的字體看起來很糟糕。我使用的是Tahoma，但是這種情況發生在我嘗試使用的每種字體上。

有什麼辦法可以改善這種文字嗎？

在此先感謝！

Answer 1

Tahoma是Windows-Font，所以它可能會在其他瀏覽器上使用Arial。

它也似乎是你提供的屏幕截圖來自Internet Explorer，它具有非常糟糕的文本渲染引擎。 （嘗試鉻/火狐/ Safari瀏覽器）

我也讀過一些地方，你可以嘗試在Windows設置中啓用ClearType，但是沒有辦法從瀏覽器級別執行該操作。

您也可以通過javascript cufon將每個角色更改爲圖像/畫布並以此方式強制執行此操作，但這會吸引性能並且可能不是最佳解決方案。

如果你想支持IE，通常你最終會使用圖像（png）作爲菜單按鈕。