关于MacOS下字体的一些研究

作者:puterjam 日期:2011-12-18
18Dec

 

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 | 查看次数: 12073

IE9 Beta 凌晨发布~

作者:puterjam 日期:2010-09-16
16Sep

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

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

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

查看更多...

Tags: ie9

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

Qzone 即将推用户更新IE6

作者:puterjam 日期:2010-06-23
23Jun

 

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

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

Tags: NoIE6 qzone

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

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

作者:puterjam 日期:2010-03-17
17Mar

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

 

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

查看更多...

Tags: chrome ie9

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

IE8 如何判断文档模型

作者:puterjam 日期:2010-03-03
03Mar

首先给出一组数据
 
这组数据说明了目前IE8在渲染模式下的一些比例（微软偷偷统计的?）。

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

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

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

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

 

查看更多...

Tags: IE8 doctype document mode

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

我不相信这不是Flash

作者:puterjam 日期:2010-02-22
22Feb

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

I Can't Believe It's Not Flash

View more presentations from Thomas Fuchs.

 

Tags: html5 webgl flash

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

Mockingbird 在线的原型设计工具

作者:puterjam 日期:2009-11-08
08Nov

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

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

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

Tags: NonIE canvas

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

CSS 3.0 参考手册 (中文版)

作者:puterjam 日期:2009-08-24
24Aug

 

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

 

查看更多...

Tags: css manual 参考手册

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

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

作者:puterjam 日期:2009-07-31
31Jul

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

作者:puterjam 日期:2009-06-11
11Jun

源文:  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 | 查看次数: 5810