跨平臺的字體設定，力求在各個操作系統下都有最佳展示效果。
字體是界面設計中最重要的基本構成之一，用戶通過文本來消化內容和完成工作，優雅的字體將大大提升用戶的閱讀體驗及工作效率。在滿足不同終端始終保持良好的閱讀體驗的同時，使頁面的視覺層次更加清晰。使用時有以下三點需要註意：
合理的使用不同的字重、字號和顏色來強調界面中最重要的信息；
盡可能的使用單種字體，混合使用多種字體會讓界面看起來零散和草率；
遵循 WCAG 2.0 標準，字體在使用時與背景顏色的對比值滿足無障礙閱讀的最低標準。

一、字體家族
優秀的字體系統的核心是選擇一個好的字體。可以使用系統默認的界面字體
另外，在中後臺系統中，數字經常需要進行縱向對比展示，我們單獨將數字的字體設置為 Helvetica Neue，使其為等寬字體。
1、字號
使用不同的字號和字重來傳遞視覺的信息層次。默認字體為 12pt，展示型頁面可以設置為 14pt，其他字體字號相應升級。
2、行高
行高會影響閱讀的體驗，西文的基本行高通常是字號的 1.2em 上下，而中文因為字符密實且高度一致，所以一般行高需要更大，1.5em 至 1.8em 之間是一個比較好的視覺閱讀效果，默認文案字體行高可以為 1.5em，展示型頁面可根據實際情況調整行高。
行高公式：字體行高絕對值為『字號 x 1.5倍』。例如：12 號字體的行高為 18px，14 號字體的行高為 21px。
3、字體顏色
文本顏色如果和背景顏色太接近就會很難以閱讀，這對於深色背景和淺色背景同樣適用。
考慮到無障礙設計的需求，幫助那些弱視和色盲的用戶也能輕松識別和閱讀屏幕上的文字，我們參考了 WACG 2.0 的標準，文本和背景色之間至少保持最小 4.5:1 的對比度（AA 級），正文內容都保持了 7:1 以上的 AAA 級對比度。

前端的UI設計與交互之字體篇