看了看手机上的UI字体,在同样的 到电脑上输入同样的字
总感觉电脑端怪异,不如手机端好看。
起先以为是字体原因,就尝试了各种字体,后来发现还是不对。
为了搞清楚 手机上的样式,找了篇微信的文章放到电脑上剖析:
发现了几点:
-
字体默认苹果字体
font-family: -apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;
2.有字间距,让各个字看起来更匀称
letter-spacing: .034em;
3.字体颜色非纯黑 为333
color: #333;
4.强调部分 加粗 默认到400 而非bolder,强调部分大多以颜色区别
font-weight: 400;