- 浏览: 569425 次
- 性别:
- 来自: 广州
文章分类
最新评论
-
JYY282:
[i][/i]
Ecshop与Shopex的比较 -
qq247890212:
我也遇见这问题了,真诡异。重新下载个猫换了就好了。 太浪费时间 ...
诡异:ClassNotFoundException: org.springframework.web.filter.CharacterEncoding
Mac和Windows系统中网页字体显示方案对比
- 博客分类:
- Mac OS X
From: http://www.websbook.com/alltext/shijue/MachWindowsxtzwyztxsfadb_21188.html
Mac在诞生的时候就把对字体处理尽可能接近原貌成为它很大的一个卖点,而在这些年亲身使用后,个人感觉Mac下的字 体确实看起来比Win下舒服些,特别是在浏览网页时,字体比较“珠圆玉润”,可惜的是Mac目前并不是主流,大多数还是Win用户。所以即使你所使用是 Mac,在设计仍然要记得平衡Win下的效果。
Mac和Win的显示区别
截了段文字做了个对比,很容易看得出来,字体显示起来是有很大的差别的。
Mac下文字是渲染过,比较饱满,Win下更像素化些,看起来很清晰。具体什么因素造成了这个差别,已经有不少的讨论了。 Joel Spolsky「Font smoothing, anti-aliasing, and sub-pixel rendering 」总结了各自的区别。
- 苹果认为,字体渲染算法的目标应尽可能还原字体的设计,即使代价是造成些许模糊。
- 微软认为,字符的形状应和像素契合,以防止模糊,提高可读性,即便扭曲了字体的构造。
Typekkit 「Type rendering: operating systems 」也总结了一段
- Mac OS X users see Core Text, Windows 7 and Windows Vista users see either DirectWrite or GDI, and Windows XP users see GDI. For now,
还有更多,我就不摘过来了,大家可自行搜索。
默认字体&CSS字体设置
字体的差异不仅是渲染的效果,其实Mac和Win的默认字体也是不一样的,Mac是“华文黑体(Heiti SC Light 和 Heiti SC Medium) ”,Win是“宋体(Simsun) ”,所以在页面没设置默认字体的情况下,同个页面在2个系统同时展示的中文字体也是不一样。(字体效果可以见刚才的2个系统字体对比图)。有种特殊的情况,即使命名了默认中文字体Mac也会使用系统默认字体,不知这算不算是一个Bug,情况如下:
- font-family:"宋体 " Mac下无法认出宋体,Win可以认出
- font-family:"simsun " Mac和Win都可以认出宋体
在使用中文命名时,还可能会遇上CSS编码导致发生乱码的问题:
综合发生的情况,建议在设置字体时都使用英文描述,这些是从网上找了相关中英文字体的命名:
- 宋体: SimSun
- 黑体: SimHei
- 华文细黑: STHeiti Light [STXihei]
- 华文黑体: STHeiti
- 微软雅黑: Microsoft YaHei
- 微软正黑体: Microsoft JhengHei
- 新宋体: NSimSun
- 新细明体: PMingLiU
- 仿宋: FangSong
- 楷体: KaiTi
- 更多中文字体的英文名称 的文档
暂定的解决方案
在设计时候如何能够平衡Mac和Win的设计差别? Win下面可以在PS中使用“宋体无渲染”完全还原默认系统的文字效果,但Mac下可能系统的文字渲染和PS中的文字渲染算法不一样,总是有点差别,没办法完全的还原。
所以在考虑到网站的用户是以Win为主,PS中又能够完全的还原Win下文字的显示效果,同时之前的一段中发现在Win下面有不错效果在Mac下也会有不错的表现之后,有了一个暂定的方案:
- 统一使用“宋体无渲染”为默认文字,先保证在Win系统下的显示效果
- 在CSS中不订下默认字体,根据系统格式调整
- 在网页上线后在Mac下再进行一次复查,保证Mac下的显示效果
目前这个是能考虑到的暂定的方案,看到这篇文章的设计师们有没有更好的解决方案?
发表评论
-
Mac技巧之用终端命令行查看苹果电脑显示器液晶面板型号的方法
2013-04-03 12:11 2777http://www.mac52ipod.cn/post/c ... -
Apple 在中国的维修和保修政策
2013-04-03 11:52 1319致尊敬的中国消费者 ... -
教你如何制作OS X Lion启动U盘与使用U盘安装系统
2013-04-03 10:13 2644From: http://www.weiphone.com/ ... -
Mac版酷狗在线播放器
2012-12-10 22:25 1705(需要安装adobe flash, 下载地址:http://g ... -
Git “Command not found” Error in Mountain Lion [Quickfix]
2012-10-29 09:28 1494From: http://www.tuicool.com/ar ... -
Macbook Pro 升级 SSD 固态硬盘+数据转移完全教程
2012-10-24 09:24 1834From: http://www.guomii.com/po ... -
Photoshop CS6 MAC 中文版
2012-08-28 14:28 1727Photoshop CS6 MAC 中文版破解版 ... -
MacBook Pro拆机换内存
2012-08-15 22:33 2041From: http://geekwall.org/archi ... -
Mac技巧之苹果电脑Mac OS X系统下设置开机自动启动运行软件(开机启动项)的方法
2012-08-15 21:21 2027From: http://www.mac52ipod.cn/p ... -
Mac 下配置 Git 服务器
2012-08-15 10:54 1165From: http://www.cppblog.com/ke ... -
VMware Fusion 4.1.3
2012-08-11 13:27 1109From: http://soft.macx.cn/soft ... -
整合 XCode 4与 Git
2012-08-10 17:41 1597From: http://www.cppblog.com/ke ... -
git使用详细介绍
2012-08-10 16:32 1373From: http://blog.csdn.net/gemm ... -
mac最简单的隐藏文件方法
2012-08-10 15:08 3601From: http://www.startos.com/ma ... -
UML tools for mac
2012-08-08 13:40 1483BOUML:http://www.bouml.fr/ ... -
Mac 技巧——让Mac轻松访问Windows网络共享
2012-07-30 09:15 967From: http://www.cnblogs.c ... -
Mac OS X安装Git
2012-07-22 19:57 1140From: http://www.linuxidc.com/L ... -
解决office for mac 的word显示字体乱码问题
2012-07-20 10:27 12790From: http://hi.baidu.com/innuy ... -
photoshop cs5 for mac破解
2012-06-26 12:56 1http://zhidao.baidu.com/questio ... -
快速显示、恢复隐藏文件
2012-06-18 11:20 1183在Mac OS X中,文件名前有一个点“.”就可以隐藏文件。你 ...
相关推荐
该软件是一款开源软件,可以将Windows的字体替换为Mac操作系统字体。安装时选择简体中文版,可以设置为托盘。
macword无法显示仿宋字体解决方案.docx
系统时间装mac和windows显示时间不同
关于MacBook在Windows系统下的投影仪切换问题
SynergyPro Mac 和 Windows 可以通过这个工具互通哦,
Windows,macOS 和 Linux 使用不同的字体光栅化程序,并且许多用户对从其他操作系统之一过渡后的 Windows 中的字体外观不满意。即使启用了 ClearType,有些人仍然认为文本不够流畅,这就是为什么他们可能对替代品感...
苹果安装双系统windows 7 Macbook Air Pro安装双系统win 7 iMac mini mac安装双系统
Macbook双系统多分区的解决方案
新手安装指南:教你一步一步在Windows安装苹果雪豹系统_-_Mac_OS_X_Snow_Leopard_-
许多伙伴入手M1 mac之后不知道怎么安装Windows系统,现可以通过新m1版 parallels desktop 16可以实现。为了各位伙伴能够更好的安装win10系统,笔者为您带来m1版 parallels desktop 16 安装win10系统详细教程附图,...
安装后让你的Windows系统变身为苹果系统,支持XP/2000/2003...
问题描述 Mac和windows系统SSL 网络扩展客户端获取方式
如何在最新2013款APPLE Macbook air上实现单windows7系统安装