TYPO.CSS - 中文网页重设与排版

[Livid]

http://typo.sofish.de/

[lianghai]

@sofish：
为何要选 Times New Roman 作首选西文字体？它在任何操作系统里的效果都称不上是高质量的正文字体吧？
「… "Microsoft Yahei", serif」这个写法又是为了什么呢？对于中文，没有微软雅黑就用系统默认的衬线字体？Windows 会 fallback 到中易宋体（但「… "Microsoft Yahei", sans-serif」也会这样 fallback 啊），Mac OS X 会 fallback 到华文宋体，而大多数移动操作系统都会 fallback 到系统默认的黑体。各平台的效果非常不一致，这真的是你期待的效果吗？

[lianghai]

@sofish：呃，为何这样写呢：

pre, code {
font-family: 'Courier New', Courier, serif;
}

[yt1988]

@underone @sofish 持续关注 sofish，可以整合到那个前端方案里？

[sofish]

@lianghai Times New Roman 可以解决各种 input 和 其他元素行高导致的问题。Verdana 是我在 Windows 下觉得质量非常不错的字体，可惜这个字体在各种系统的不同浏览器，甚至在相同系统的浏览器都会导致行高不同的 bug。

至于为什么用 yahei，其实我更偏向于用 serif 字体，fallback 到宋体是我想要的效果。只不过 windows xp/7 的宋体很难看，xp 没办法，但 Win7 的 yahei 还是非常不错的，而且可以跟 Times New Roman 混排。其实这中间有一个不错的 Georgia 作为选择，这也是我个人非常喜欢的一个字体，但 Georgia。

至于为什么 pre,code 你是指 Courier 写在 Courier New 后面？这是我个人喜好。瘦一点的字体让代码块看起来不会太影响整个文章，把这些内容当附加物，以达到整个页面的整洁。

[spritevan]

@sofish pre,code 一般来说会指定字族为 monospace 吧

[lianghai]

@sofish：
好吧，大致明白你的考量了。行高的 bug 指的是这个吗： http://www.99css.com/archives/801
「pre, code」那个我指的是「… serif;」，这里为何要写「serif」而非「monospace」？

[subpo]

赞！！迫不及待的想用起来

[sofish]

@lianghai 嗯。这是其中一种问题吧，但主要指的还是在像 input 这种 padding 和 height 设置了在各个系统表示不一致的问题。都可以用 padding，但在不同系统又撑不开。或者说两个 div 用 padding 来撑高高度不一样的问题。

[lianghai]

@sofish：抱歉，我对 Windows 各浏览器的了解比较少—— <input> 和 <div> 这些情况如果用 line-height 而非 padding 来设定高度，主要的问题是？（无法精确纵向的位置？）

[sofish]

@lianghai 写测试啊。你总不能让写 ruby 的人给你所有实现方法吧？一来没时间，二来没时间，三来确实没有很多时间。

[lianghai]

@sofish：
我的意思是：我通常用 line-height 来设定这些对象的高度，并没有遇到严重到必须用 Times New Roman 这种糟糕的字体来解决的问题。所以希望了解一下你到底为何做出这样（用 Times New Roman 作正文字体）的决定。
因为不明白你到底是因为什么问题而做出这样的决定，所以我也没法写测试。

另外，「pre, code { font-family: 'Courier New', Courier, serif; }」不仅有「serif」的问题，还缺少和正文一致的中文字体声明。

[subpo]

@sofish 顶旧帖，把@lianghai 说的问题重视起来嘛。
而且个人觉得雅黑在正文中感觉不是很好看吧。

[lianghai]

@subpo: 这是个人考量不同，不是重视不重视的问题。如果需要自己喜欢的字体风格，可以 fork 嘛。

[lianghai]

@subpo: 而且 Windows 用户中，在正文字号偏好中易宋体点阵的和偏好微软雅黑的两群用户是永远无法调和的矛盾。

[subpo]

@lianghai fork了，哈哈 原来还有这个说法啊，我正文中最不喜欢见到非衬线字体了。