薄的字體在窗口上顯示不正確

我想在我的網站上使用「HelveticaNeueLTStd25UltraLight」。在OSX上，它在每個瀏覽器中看起來都很完美。在Windows中，這是可怕的：薄的字體在窗口上顯示不正確

鉻： Chrome

IE： enter image description here

我使用下面的CSS（如果它的事項）：

@font-face { 
    font-family: 'HelveticaNeueLTStd25UltraLight'; 
    src: url('../fonts/HelveticaNeueLTStd25UltraLight.ttf'); 
} 


body{font-family:'HelveticaNeueLTStd25UltraLight'; font-weight:normal;} 

/*** IE FONT ***/ 
@font-face {font-family: 'HelveticaNeueLTStd25UltraLight'; 
    src: url('../fonts/HelveticaNeueLTStd25UltraLight.eot'); 
    src: url('../fonts/HelveticaNeueLTStd25UltraLight.eot') format('embedded-opentype'), 
     url('../fonts/HelveticaNeueLTStd25UltraLight.woff') format('woff'), 
     url('../fonts/HelveticaNeueLTStd25UltraLight.ttf') format('truetype'), 
     url('../fonts/HelveticaNeueLTStd25UltraLight.svg#HelveticaNeueLTStd25UltraLight') format('svg'); 
    font-weight: normal; 
    font-style: normal;}

有人可以解釋爲什麼這是什麼？我能做些什麼呢？如果我必須使用另一種字體，哪種字體可以安全使用？

來源

2013-07-19 user1023127

您需要使用具有更好抗鋸齒數據的字體。 – SLaks

Windows在瀏覽器中的渲染字體比OSX或iOS的渲染還要糟糕。有時你可以通過選擇特定的字體大小來修復它，瀏覽器反鋸齒看起來不太可怕。 CSS屬性也是text-rendering: optimizeLegibility，但以我的經驗來看，它往往會造成更多的傷害而不是好處。

選擇更適合網頁顯示的不同字體。 Google Web Fonts是一個開始的好地方。他們有很多優秀的現代字體，都經過優化，可以用作網頁字體，最重要的是他們提供了CSS等 - 你只需要<link>到你的<head>的外部CDN CSS文件，並且你很好走。「Lato」和「Raleway」是我用來代替Helvetica Neue的字體。

此外，它幾乎肯定非法反正嵌入該字體，因爲Helvetica Neue字體LT標準是一個商業字體，所以......

來源

2013-07-19 18:01:44 Ennui

謝謝！看起來我需要使用不同的字體，我甚至不記得我從哪裏得到的字體，如果它是商業。我會檢查你建議的2種字體。 – user1023127

沒問題。 Helvetica和Helvetica Neue在設計界非常流行，所以這不是一個前所未聞的問題！如果你谷歌「Helvetica Neue webfont的替代品」，你會發現幾十個建議。感謝您將此標記爲答案:) – Ennui

對於其他尋找替代品的人：我最終選擇了使用Google Web Fonts的Roboto 100。很不錯，但在Windows上看起來還是好多了。 – user1023127

每一個瀏覽器不同使用不同的方法，這就是爲什麼你這麼包括字體渲染許多不同版本的字體，因爲每種字體都由不同的瀏覽器使用。 OSX擁有最好的字體渲染引擎之一，看起來很棒，但在IE或FF或Chrome中看，事情往往有所不同。除了嘗試更厚一點的字體之外，您可以做的事情不多。

你可以看到，也許如果可能font-weight: 500幫助。

來源

2013-07-19 18:02:15 keeg

薄的字體在窗口上顯示不正確

回答

相關問題