关于MacOS下字体的一些研究

 

Mac 下的中文字体不多,系统默认是使用细黑体来显示中文文字(STXihei)。

为什么苹果不使用宋体来显示呢,因为宋体是衬线字体。

NewImage
衬线字体:带字体修饰的字体。(图中红色部分) 也叫“白体”,相对的非衬线字体叫“黑体”,英文叫sans-serif(sans在英文是非的意思)
NewImage
(中文的宋体和黑体)
在传统的印刷中,衬线字体一般都是用来正文印刷,但是在CRT LCD显示器上这些字体不适合阅读,同时字体过小的衬线字体不如非衬线字体美观。后来微软在vista中推出了微软雅黑这个非衬线字体。同时为了优化非衬线字体,采用了字体抗锯齿技术(clearType)。不过苹果在1998年就开始使用了这个技术。

ClearType 原理
NewImage
 
衬线字体不适合在clearType下使用,因为过小的字号没有住够像素空间去展示(笔划末端的点缀太多),显示也不美观(比如Flash如果用了宋体在mac下 NewImage就比较悲剧)。
 
除非是点阵显示(winXP的宋体时代),点阵显示在LCD上显示会带来不少问题。
NewImage
(12px ClearType下的宋体)
 
NewImage
(12px ClearType下的STXihei)
 
在Mac系统中,不同语言的默认字体是
  • 日文字体是:Hiragino Kaku Gothic Pro
  • 简体中文是:STXihei
  • 繁体中文是:LiHei Pro Medium
  • 韩文字体是:AppleGothic

 

英文的Mac系统中,对文字的字体查找顺序是:

  • 英文字体->日文字体->中文字体
 
Hiragino 字体比 STXihei 显得比较饱满些,不过Hiragino Kaku Gothic Pro没有包含简体文字,后来也出来了简体版本的Hiragino字体叫,冬青黑体简体中文(Hiragino Sans GB)
NewImage
 
在 Web 上的字体,如果使用了 Arial,verdana 字体作为默认,中文字体自动是选用非衬线字体STXihei。如果默认字体是 Georgia,Times New Roman,那么中文字体就会自动选成宋体

查看更多...

Tags: 字体 fonts mac

分类:Web Design | 固定链接 | 评论: 19 | 引用: 0 | 查看次数: 11617

IE9 Beta 凌晨发布~

微软IE9 Beta今天凌晨 1:30 正式发布。本着好奇的心理,舜子也赶紧开始对IE9进行初体验。

第一眼的变化,当然是图标的变化了,图标的颜色变得更加轻盈,不知道是不是为了表现出IE9在性能和速度上做出了很大的改进的暗示?

另外,IE9的界面也变得“Chrome”化起来,不过有点不习惯,IE9的地址栏被缩短得太厉害了。连状态栏都有chrome的味道,不过暗爽的是PJHome的CSS3效果终于能够基本还原出来了。

查看更多...

Tags: ie9

分类:Web Design | 固定链接 | 评论: 27 | 引用: 0 | 查看次数: 2767

Qzone 即将推用户更新IE6

 

Qzone 即将推用户更新IE6,积极推动IE6在中国的灭亡。 希望能给更多用户和前端开发出一份勉力。

更多消息可以关注Qzone的微薄 http://t.qq.com/qzone

Tags: NoIE6 qzone

分类:Web Design | 固定链接 | 评论: 38 | 引用: 0 | 查看次数: 2594

深入分析IE9的图片性能测试实例

 微软发布了IE9的技术预览版,也放出了不少测试的实例,整体来看给大家带来一支镇定剂。不过舜子这里对其中一个演示案例很感兴趣。

 

我们先来看看这个实例:点击打开

查看更多...

Tags: chrome ie9

分类:Web Design | 固定链接 | 评论: 15 | 引用: 0 | 查看次数: 3813

IE8 如何判断文档模型

首先给出一组数据


 
这组数据说明了目前IE8在渲染模式下的一些比例(微软偷偷统计的?)。

      ● 有19% 的站点用了严格型的标准来设计(非常好的数据,得感谢默默无闻在前线工作的页面重构同学们)

      ● 有 14% 的站点用了http头和 X-UA-Compatible 把IE打回IE7的模式

      ● 有 41% 的站点用了Doctype让IE8使用标准模式(这里指的是,大家常用的过渡型)

      ● 很不幸还有 26% 的站点使用了Quirks 模式....

 

查看更多...

Tags: IE8 doctype document mode

分类:Web Design | 固定链接 | 评论: 5 | 引用: 1 | 查看次数: 1891

我不相信这不是Flash

Ajaxian上看到了一个有意思的ppt,这个ppt给我们介绍了一些web的效果和特性不需要使用flash来实现。

 

Tags: html5 webgl flash

分类:Web Design | 固定链接 | 评论: 11 | 引用: 0 | 查看次数: 2997

Mockingbird 在线的原型设计工具

Mockingbird 是基于 Cappuccino 开发的一个在线原型设计工具。

比较喜欢它自动对齐的体验:P 不考虑ie的web app 可以让开发者更加大胆了。

No Flash, No IE, All in Canvas, Apple Style

Tags: NonIE canvas

分类:Web Design | 固定链接 | 评论: 8 | 引用: 0 | 查看次数: 3688

CSS 3.0 参考手册 (中文版)

 

公司的页面同学们,利用业余时间整理出了一份比较完整的CSS 3.0 参考手册,非常不容易。手册是根据W3C的CSS3草案翻译,并且结合实际的示范结合而成。每一页都倾注了每一个同学的心血。

 

查看更多...

Tags: css manual 参考手册

分类:Web Design | 固定链接 | 评论: 51 | 引用: 0 | 查看次数: 13801

漫画:混乱的标记语言XHTML2/HTML5

20个让Web Developer开发生涯更加轻松的工具

源文:  http://net.tutsplus.com/articles/web-roundups/20-tools-to-make-the-life-of-a-web-developer-easier/

简译:  PuterJam

 

Typetester

一个在线对比字体的工具,可以很直观得看到不同字体的差异

查看更多...

Tags: tools

分类:Web Design | 固定链接 | 评论: 10 | 引用: 0 | 查看次数: 5747