為了保持Mac,Linux,Windows等平台中文字體的一致性和美觀性,你會使用哪些font-family?

http://typo.sofish.de/ 這其實原來是sofish的開源項目,但是我個人不喜歡在大段文字中看到微軟雅黑,能用哪些襯線字體代替嗎?


webfont

不要猶豫


過來回答一下:

1. sans-serif 和 serif 的喜好比較難調和,兩種都試過,有兩種不同的體驗。後續會做一些修改,讓用戶更容易選擇。

其他:

2. 字型大小大小,默認 font-size 是 14,最小的是 & 中的 12,這個暫時會考慮保留。

3 目前顯示,理論上狀況是:mac 會在 Hiragino Sans GB,win7/vista 會在 Microsoft Yahei,winxp/2003 會在 simsum。最近測試機掛了,linux 還沒測試,打算支持 ubuntu。


font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;


Windows: Simsun 9pt (12px), 10.5pt (14px)。除了標題之外不要用雅黑,雅黑密排很難看。有門戶網站試過,很快就撤了。

Linux: 實在不知道用戶裝了什麼字體,就文泉驛吧

OSX: Hei (黑體)。字型大小最好大一點(不要小於13px),否則太小眼睛疼。

三個平台上最好都先指定一個英文字體再指定中文字體,這樣英文字母和符號可以Fall back到英文字體上,比較好看。


UI 字體強推 Ubuntu font,而且不像雅黑一樣有賊麻煩的授權問題。文本字體的話 FiraCode 挺不錯的。


使用非襯線字體都挺好的


Lucaida Console.看著很舒服.


之前在GNOME2.X下面用STHeiti看著正舒服。現在KDE4.8下面,用LiHeiPro看著比較舒服。兩種字體對中文和英文的支持的都不錯不會出現方框問題。wine出來的QQ也用LiHeiPro。


考慮到大部分Windows用戶,和少量Linux用戶,我用的字體是微軟雅黑,和文泉驛,蘋果系統下我了解不多,所以就沒有考慮。

英文我就用Arial。

總體來講,我認為字體這個問題說難,說易也易。我的效果展示:http://tumutanzi.com/


如果考慮到全平台的話,我覺得應該把 @Belleve 做出的新版「雅黑」(姑且讓我這麼叫吧,英文名記不住)作為網站字體,至於宋體字嘛,我實在是不喜歡,但是如果不考慮Windows的話(因為Windows渲染實在是太糟糕了)思源黑體也是不錯的選擇。


我用微軟雅黑也出現字體不同的問題,目前也沒有什麼想到什麼好的解決方法,不知道哪位大哥有好的解決方案,希望多分享一下。


對英文字體,以前喜歡linux默認的monospace(其實是Dejavu sans mono), 最近發現Mac 下的Monaco是最棒的,其次是windows的 consola, 把字型大小設定為14,或者13,超級完美。對比以前的DejavuSansMono,覺得Dejavu太板了 -_-!!

對中文字體,文泉驛正黑,還有華文細黑


不喜歡在正文段落看到微軟雅黑又要用襯線字體 當然就是SimSun(宋體)了..字型大小最好是12px-14px

OS X和Linux使用非襯線字體即可, 比如Hiragino Sans GB/WenQuanYi Micro Hei

如果要用到襯線字體的話,可以使用ST KaiTi / ST Song / ST FangSong / UMing .


推薦閱讀:

自學前端,我的現在水平能不能找到工作?
開發者能從第三方視頻網站能獲取到的最大視頻預覽圖是多大?
為什麼WEB前端OR網頁設計製作工程師那麼難招?
為什麼沒有《前端面試寶典》?
前端新人,請問我選的這套技術棧對嗎?

TAG:網頁設計 | 前端開發 | 字體 | 字體設計 | CSS | Linux |