IPN 官方網站 (http://ipn.li) 上的中英文字體名稱分別是什麼？

IPN

IPN 第一版的網站和圖標設計都是我做的，獻醜了。大家湊合著看吧。

@Linkzero Tsang 說的是對的，我選擇了 OS X 自帶的 Avenir Next 和方正蘭亭黑搭配。我目測這兩款字體在黑度和粗細上都比較接近，是個挺不錯的組合。Helvetica Neue 的黑度和粗細則比較適合與柊青黑 (Hiragino Sans GB) 搭配，我也把這個組合加到了 font fallback 列表裡面，照顧下沒有預裝 Avenir Next 和方正蘭亭黑的老舊版本 OS X。

沒有使用 web font 主要是因為會影響頁面訪問。我所了解的免費/付費 web font 服務都位於國外，國內用戶訪問會受到影響。當然也可以自己放在伺服器上，比如 IPN 就用了 Font Awesome 的圖標字體。不過因為 IPN 伺服器本身就在國外，訪問速度也不咋地，也就作罷了。再說由於文件體積的關係，目前採用中文 web font 也不是很現實。

另外在這裡一併回答，IPN 網站每個 show 的圖標字體是用的思源黑體最細的字重 (Source Han Sans ExtraLight)。圖標是 SVG 格式的，可以無極縮放而不會出現鋸齒，當然需要你的瀏覽器不要太原始才能支持。大家可以試試放大看看。圖標是用蘋果的幻燈片工具 Keynote 製作的，因為我不會用諸如 Adobe Illustrator 之類的專業圖形工具。

順便提一下，@Linkzero Tsang 答案中提到的查看網頁字體的瀏覽器插件 WhatFont Tool 是由 @柳成蔭 開發的，我為這個插件編寫了基於 HTML5 canvas 元素的字形識別機制，詳情可以參考我之前寫的一篇文章 Accurately Detect Web Font in Use (英文)。 @柳成蔭 也來過《IT 公論》做客，歡迎大家收聽 IT 公論 #42: 海外中國程序員系列之三：WhatFont 插件作者柳成蔭（Willow）。

【更新】WhatFont 剛出了 for iOS 版，是以 Safari extension 的形式實現的，歡迎大家下載使用，地址是 http://whatfontapp.com/ 。 @柳成蔭 也再次來到了《IT 公論》介紹 WhatFont for iOS 的開發歷程，歡迎大家收聽《IT 公論 #121: WhatFont for iOS 開發者訪談》

• 西文：Avenir Next

• 中文：方正蘭亭纖黑

需要注意的是，這是網站的設計首選字體。但因為網站並無使用 Web Font, 且 CSS 的 font-family 中選用的字體只有 OS X 全部擁有（iOS 擁有其中的西文字體），所以只有在 OS X 中會完全採取上述字體顯示。而在 Windows 和其他系統中，會因為字體回退 (font fallback), 使用瀏覽器設置的 sans-serif 字體顯示。

------

查看網頁的字體使用情況，可使用 WhatFont 這款瀏覽器插件。