字體中的紅色輪廓

我有下面的圖片，它顯示了我左邊字體的屏幕截圖，與左側的耐克字體相比。我已經完善了應用在螢火蟲中可以找到的每種CSS風格，但我仍然無法擺脫這種令人討厭的紅色輪廓。有誰知道它是什麼？我嘗試了文字陰影，但沒有擺脫紅色輪廓。（圖片放大）字體中的紅色輪廓

這是驅使我在牆上，任何幫助將不勝感激。

Getting rid of red outline

相應的CSS

font-family: "TradeGothicLT-BoldCondTwenty",Helvetica,Arial,sans-serif !important; 
color: #333; 
font-size: 22px; 
font-weight: normal !important; 
word-spacing: -0.05em; 
letter-spacing: -0.045em; 
text-shadow:none;

原始字體：http://www.nike.com/us/en_us/c/basketball/nike-basketball-hyperdunk-plus 搜索 '追蹤遊戲' 找到上面的網頁看到樣品的字體。

再次感謝

來源

2012-07-09 user1011713

我們可以看到您的網頁與HTML和CSS？ – zachzurn 2012-07-09 22:27:00

不幸的是，現在一切都在我的本地機器上。 – user1011713 2012-07-09 22:33:21

我想你正在瀏覽webkit瀏覽器。嘗試將-webkit-font-smoothing: antialised;添加到您的body或html元素。

來源

2012-07-09 22:30:48 banzomaikaka

你先生是上帝。非常感謝。一旦可用，將立即回答。 – user1011713 2012-07-09 22:35:17

哇，非常感謝;） – banzomaikaka 2012-07-09 22:37:26

截圖中沒有紅色輪廓，只是彩色像素。這是一個子像素渲染的例子，即高級字體平滑，這是在瀏覽器的控制下，可能由用戶設置的。 JOPLOmacedo答案中提到的非標準CSS屬性僅影響WebKIT瀏覽器。例如，在IE上，這種行爲取決於Windows級別的設置（以及IE設置，舊版本）。

作爲一項規則，瀏覽器及其用戶應該比作者更好地瞭解字體平滑的充分性，這取決於顯示設備的屬性等等。

來源

2012-07-09 22:50:57

感謝您的詳盡和翔實的輸入。 – user1011713 2012-07-09 22:52:49

字體中的紅色輪廓

回答

相關問題