根据微信订阅号“设计达人”推送的文章 , 学到了如题知识 。个人尝试了一下 , 感觉还不错 。原文链接: 。
字体
文章插图
从用户体验角度来讲 , 段落文本阅读体验最好的是黑体(无衬线体) , 而非宋体(衬线体) , Win7的时候 , 字体默认的宋体 , 而从 10开始 , 浏览器默认字体改成微软雅黑了 , 而 Mac OS 默认也是黑体而非宋体 。
推荐字体:
: YaHei(微软雅黑)
Mac OS: SC(苹方)或Sans GB(冬青黑体)
body{fomt-family: Hiragino Sans GB, MicroSoft YaHei;}
文章插图
字体颜色 Color
文章插图
大部网页背景颜色是使用白色 , 所以字体应该是使用黑色较为友好 , 但不建议使用纯黑(#000) , 这是因为纯白底与纯黑的对比太过于强烈 , 可以使用灰一点的黑色 , 这样能减轻用户视觉负担 。
推荐字体颜色:#333
字体 Font-Size
由于现在的电脑屏都是宽屏 , 手机的屏幕更是高清屏 , 所以字体大小建议采用16PX字号会比较适合阅读 。
推荐字体szie:16px
字体行距 Line-
文章插图
文章插图
字体行距对于阅读也有有很大的影响 , 比如多行文本的时候 , 容易在阅读时「串行」 , 所以字体的行距个人建议是字体的1.5 – 2.0倍之间 。
推荐行距:1.75em(CSS默认就是 em 为单位 , 所以 em 可以省略不写 。)
【转载不错的CSS写法】最佳 CSS 写法
body {/*字体*/font-family: -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif;/*字号 */font-size: 16px;/*字体颜色*/color: #333;/* 行距 */line-height: 1.75;}
个人实验(效果图)
文章插图
总结
这些东西不会是一成不变的 , 根据需求、境界改变 , 找到适合的就好 。
- 配置了阿里云服务器安全组依旧不能访问端口
- PMP考试经验分享丨不忘初心,坚持就是胜利
- 新辰:小白做SEO的回忆录 艰辛压不倒希望 坚持就是胜利
- peep是什么软件
- 百香果不开花原因
- 为什么Java不管是就业需求还是受欢迎度都能稳居首位呢?
- mysql建库为啥不分配大小_MYSQL数据类型长度 常规的建库策略
- 5个网盘资源搜索网站,只有你想不到,没有它找不到
- 通俗易懂的理解,大学里为啥做出一流软件比较难?【画家为啥造不出原子弹一个道理】
- cpu不带字母是什么意思