問題描述

很久以前都是復制別人網站的font-family內容，但是每次都復制感覺很麻煩，最近一次復制的是知乎的。后來看了個叫什么“XX白樺XX”的什么博客（記不清了），里面說移動端字體不需要多麻煩，一切從簡，所以，很長一段時間，我的PC端和移動端字體font-family都是：Helvetica,'microsoft yahei';非常簡單，不過倒也是顯示正常。直到今天看到PSD里面的字體是蘋方，然后下了一個裝在windows上，在百度搜索問題的時候，打開了百度知道和知乎，發現windows下顯示嚴重有問題，可是又想看到設計師的蘋方字體，很是麻煩。大家現在一般pc和手機端font-family都是怎么設置的呢？

問題解答

font-family: -apple-system, BlinkMacSystemFont, ’Helvetica Neue’, Helvetica, ’Nimbus Sans L’, Arial, ’Liberation Sans’, ’Hiragino Sans GB’, ’Source Han Sans CN Normal’, ’Microsoft YaHei’, ’微軟雅黑’, ’Wenquanyi Micro Hei’, ’WenQuanYi Zen Hei’, ’ST Heiti’, SimHei, ’WenQuanYi Zen Hei Sharp’, sans-serif;

如果設計稿有指定的字體、且沒法跟設計協調的，通常是把指定字體放在最前。另外這段是加在reset.css里的。

@font-face獲取網上的字體吧