css - 现在pc和移动端字体需要进行复杂的设置吗？一直都是从简。。

问题描述

很久以前都是复制别人网站的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获取网上的字体吧