css - 现在pc和移动端字体需要进行复杂的设置吗?一直都是从简。。
问题描述
很久以前都是复制别人网站的font-family内容,但是每次都复制感觉很麻烦,最近一次复制的是知乎的。后来看了个叫什么“XX白桦XX”的什么博客(记不清了),里面说移动端字体不需要多麻烦,一切从简,所以,很长一段时间,我的PC端和移动端字体font-family都是:Helvetica,'microsoft yahei';非常简单,不过倒也是显示正常。直到今天看到PSD里面的字体是苹方,然后下了一个装在windows上,在百度搜索问题的时候,打开了百度知道和知乎,发现windows下显示严重有问题,可是又想看到设计师的苹方字体,很是麻烦。大家现在一般pc和手机端font-family都是怎么设置的呢?
问题解答
回答1: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里的。
回答2:@font-face获取网上的字体吧
相关文章:
1. 引用 node.js express加载 静态文件 报错 ??2. javascript - 引入 simditor,但是显示标签,这个怎么解决。3. angular.js - 全站用的angular,但是像下面描述的这样强交互的功能用angular该用什么思路去做呢?4. angular.js - 学习ng路由模块遇到点击链接到锚点时URL后面多出个#!是怎么回事5. angular.js - 如何让图片遇到父容器边缘自动换行显示,不会溢出6. android - 目前有哪些用Vue.js开发移动App的方案?7. angular.js - 关于ui-sref地址栏缺省的问题8. index.php错误,求指点9. 只有一条数据10. 横屏滑动的怎么做