2011-10-20 94 views
6

我不是設計師,我無法理解它,我喜歡代碼和代碼一直是我的生活。開發人員的排版

對於非設計師來說,排版是一個巨大的7頭蛇,我想知道,如果有什麼我可以做,讓我的網頁印刷更好。

這是我可以做的:

enter image description here

女巫無非是Blueprint CSS

h1 { 
    font-size: 2em; 
} 

更多,但我恨別名的Arial字體,下面是部分300%變焦時的圖像

enter image description here

從開發者方,我能做些什麼來使我的網頁看起來更好?

我試過font-smooth: always;但沒有任何運氣。

+0

正如你所說印刷術是一個7頭蛇,因爲它是一個真正的技能,我會建議與平面設計師合作,以得到這個權利。 –

+3

因此,一位平面設計師將解決瀏覽器具有蹩腳反鋸齒功能這一事實? –

+0

@Steve我只是從網頁代碼的角度問,他們的設計從來就不是一個問題 – balexandre

回答

2

字體呈現因瀏覽器和瀏覽器以及操作系統而不同。您可以調整字母間距和大小以及類似的東西,但是在CSS或JS代碼中,您無法做任何事情來改變邊緣的渲染方式或者它們的粗糙程度。

+0

甚至如果我使用'@字體face'或任何其他把戲? – balexandre

+0

這隻會改變字體,而不是渲染引擎。 –

2

也許改變另一種字體? http://www.google.com/webfonts

+0

沒有什麼好處,你看過他們的字體嗎? http://i.stack.imgur.com/hpP5M.png – balexandre

+0

@balexandre爲Diodeus說,這是你的操作系統/瀏覽器的問題..你可以檢查我的截圖:http://minus.com/lb0aJUR6o2uH78順便說一句,什麼是你的OS /瀏覽器? –

+0

+1其中有些是好的,偉大的標題和這樣 – Treemonkey

1

字體的渲染依賴於Web瀏覽器是如何實現的。瀏覽器使用自己的實現來處理渲染,或者瀏覽器使用操作系統的本地文本渲染。

您會注意到文本在Mac OS X,Ubuntu(Linux)以及Windows上呈現的方式不同。

下面是關於不同操作系統的字體渲染鏈接的集合,如果你想知道更多一點: