网页设计方面,哪些中英文字体的组合能有好的视觉效果
2013-12-28 04:58
555 查看
用于图片的字体就不说了,那个很自由。
用于文字的,鉴于中文字体其实根本没有什么选择余地,所以只能尽量选择西文字体来和有限的中文字体(每个操作系统只有一两款)搭配。总体上说,我的偏好就是,不要选择风格太强的西文字体(如 Palatino),尽量选择 x 字高(x-height)较大的字体(为了让西文的视觉高度和中文尽量接近),不过,所有的一切考量都应该让位于字体渲染的质量。基本上想要融合中西文字体的显示效果是比较难的(Windows 里尤其不现实),让双方都清晰就好了。
涉及用于印刷的平面设计时,我会偏好用稍为方正、压缩的字体,比如用放大到 110% 的 Titillium Text(但我感觉它横向不够压缩)和 Hiragino Sans GB 搭配,但在网页中没有这么自由,就不考虑了。
Windows 里,其实能用的西文字体也不多,而中文字体只有中易宋体(SimSun)和微软雅黑可选,所以就根据网站的目标用户选择中文字体之后从 Verdana、Arial、Georgia 等字体里选一个搭配就好了。没法追求太好的效果。
Mac OS X 里,中文字体一般用华文黑体(CSS 里一般不用特地声明,因为直到 10.7 这都是系统默认的中文字体)或者 Hiragino Sans GB(如果你习惯更现代的黑体风格,并且希望中西文字体的常规体和粗体的黑度较为匹配)。西文字体的选择余地比较大,Helvetica、Helvetica Neue(Helvetica (Neue) 和 Hiragino Sans GB 搭配的效果很好,黑度非常均匀)、Lucida Grande(系统默认西文字体)、Verdana、Georgia 等,包括以 FF Tisa Web Pro [1](@江疆 在自己的博客 [2] 里就用它和 Hiragino Sans GB 搭配)为代表的高质量 web font,都可以考虑。
转自:http://www.zhihu.com/question/19605671
用于文字的,鉴于中文字体其实根本没有什么选择余地,所以只能尽量选择西文字体来和有限的中文字体(每个操作系统只有一两款)搭配。总体上说,我的偏好就是,不要选择风格太强的西文字体(如 Palatino),尽量选择 x 字高(x-height)较大的字体(为了让西文的视觉高度和中文尽量接近),不过,所有的一切考量都应该让位于字体渲染的质量。基本上想要融合中西文字体的显示效果是比较难的(Windows 里尤其不现实),让双方都清晰就好了。
涉及用于印刷的平面设计时,我会偏好用稍为方正、压缩的字体,比如用放大到 110% 的 Titillium Text(但我感觉它横向不够压缩)和 Hiragino Sans GB 搭配,但在网页中没有这么自由,就不考虑了。
Windows 里,其实能用的西文字体也不多,而中文字体只有中易宋体(SimSun)和微软雅黑可选,所以就根据网站的目标用户选择中文字体之后从 Verdana、Arial、Georgia 等字体里选一个搭配就好了。没法追求太好的效果。
Mac OS X 里,中文字体一般用华文黑体(CSS 里一般不用特地声明,因为直到 10.7 这都是系统默认的中文字体)或者 Hiragino Sans GB(如果你习惯更现代的黑体风格,并且希望中西文字体的常规体和粗体的黑度较为匹配)。西文字体的选择余地比较大,Helvetica、Helvetica Neue(Helvetica (Neue) 和 Hiragino Sans GB 搭配的效果很好,黑度非常均匀)、Lucida Grande(系统默认西文字体)、Verdana、Georgia 等,包括以 FF Tisa Web Pro [1](@江疆 在自己的博客 [2] 里就用它和 Hiragino Sans GB 搭配)为代表的高质量 web font,都可以考虑。
转自:http://www.zhihu.com/question/19605671
相关文章推荐
- DP23 Bellman–Ford Algorithm @geeksforgeeks
- Google Code Jam Notes - Dragon Maze - Java
- Java中的null到底是啥?
- Java中的null到底是啥?
- 网页设计中最常用的字体
- MINESWEEPER题解
- 解决sharepoint 2010浏览器在线浏览Word出错
- FWNX-Evaluate Reverse Polish Notation -c++ VERSION-solution accepted
- DP22 堆盒子问题 Box Stacking Problem @geeksforgeeks
- 理解NSTextContainer
- bootstrap 和传统的html 关于button的属性问题
- GIT在Linux上的安装和使用简介
- 未来三年半,要和姑娘享受亲密吗?
- 给贺老师的一封邮件(问题是如何(HOW)去运用实践,去编程!!,去运用这些计算机科学与技术理论课程)
- stl string的substr和find_first_of函数的一点心得
- 将SVG转换为位图的方法(保持浏览器显示的样式)
- SRM 390(1-250pt)
- Apache Archiva: Maven服务端管理软件
- sql语句,查询时间段的数据
- CSS & HTML5 video switch