2013-07-15 141 views
0

我選擇我的網站下面的字體上可怕:字體在Mac上真棒,一個PC

http://fontscore.com/fonts/Helvetica-Neue-LT-Std-35-Thin_22514.html

在Mac上這種字體看起來真棒,而在Windows上,它看起來可怕。下面是截圖:

This is on a mac

And this is on a pc

我試圖用一個fontgenerator的字體轉換;我也加入這個東西:

text-rendering: optimizeLegibility; 
-webkit-font-smoothing: subpixel-antialiased; 

仍然是一樣的結果。我知道Windows使用Cleartype並以不同的方式對待Mac,但是可以解決這個問題嗎?

編輯: 這裏是我的字體face規則:

@font-face { 
    font-family: 'Thin'; 
    src: url('fonts/helvetica-neue-lt.eot'); 
    src: url('fonts/helvetica-neue-lt.eot') format('embedded-opentype'), 
     url('fonts/helvetica-neue-lt.woff') format('woff'), 
     url('fonts/helvetica-neue-lt.ttf') format('truetype'), 
     url('fonts/helvetica-neue-lt.svg#Thin') format('svg'); 
} 
+0

你在PC上使用什麼瀏覽器? – Chad

+2

你可以發佈完整的'@ font-face'代碼嗎? – Pevara

+0

helvetica neue lt ... ein?這個問題是一個騙局嗎?不要使用該字體。網絡充斥着關於'helvetica neue'怪異的bug的信息... https://www.google.ca/#q=don't+use+helvetica+neue+on+website –

回答

0

HelveticaNeue是蘋果系統字體。我不相信有一個相當於個人電腦,支持Helvetica,女巫是不一樣的,但看起來很接近。

我們有這種情況也是如此,試圖與zurbFondation工作後,特別是具有。我們試圖調試,甚至寫信給Mozilla瀏覽器..

我最好的解決問題的方法:不使用Helvetica Neue字體並使用他們喜歡那些誰不知道太多關於渲染引擎停止你的設計師。

只是不使用它。如果你確實需要解釋'爲什麼不使用它',就像我們一樣,花費大約6個小時測試跨平臺,跨瀏覽器......以及另外4個小時與技術總監和設計師爭論。

呀,這個答案是沒有太大的「科學」買AYE!相信我,這很糟糕。

https://www.google.ca/#sclient=psy-ab&q=helvetica+neue+pc+firefox+problem

https://www.google.ca/#sclient=psy-ab&q=helvetica+neue+pc+problem

https://www.google.ca/#sclient=psy-ab&q=helvetica+neue+problem

+0

我也讀過這個。好吧,我認爲我吸取了教訓:「不要在網絡編程中走出標準」。我想我會使用宋體,就是這樣:) – blueSurfer

+0

不,我的意思是,你不應該避免網絡字體。 'helveticaNeue'字體本身呈現瀏覽器渲染情況'mac-pc-unix',但是有很好的僞造,google-fonts提供了一個很好的web字體堆棧。有一些給你,比樸素Arial更好看。 –

1

HelveticaNeue是Mac系統字體,而蘋果使用的準確版本是不可用在PC(據我所知)。我通常在字體家族樣式中添加'Arial',並且它在PC上顯示效果很好。

+0

也許是正確的答案,但我相信Helvetica更接近,如果包含在字體系列風格中,它會降級爲Arial 。 –

0

看一看這篇文章從typekit:CSS properties that affect type rendering

從這篇文章中引用:

當談到鍵入網絡上渲染,沒有太多的網頁設計師可以做。字體出現在屏幕上的方式主要是由於操作系統,瀏覽器,字體設計,字體文件,以及這些字體文件如何(或不是)隨着最不情願的呈現場景的指示而增加的。但在某些情況下,CSS屬性會影響類型的外觀。

它從2011年開始,但它涵蓋了一些有關字體渲染的有趣事情,它們仍然很有用。