![sshot-2010-03-09-[1] sshot-2010-03-09-[1]](/d/file/2010-03-09/e98d64cb422fe1953e06cca54a078222.png)
Typechart是个实用的网站服务,让你可以快速检视、预览和比较CSS文字排版在网页内呈现的效果。
你可以查看这些字型在不同大小时显示出来的风格和感觉,对于网页设计师来说这相当重要,有时候会因为字型的微小差异而影响整体效果。另一项比较棒的功能是可以切换Windows或Mac作业系统来预览文字渲染的情形(两者在字型的表现上不尽不同)。
在这里引用一张Typechart提供的介绍图:

via About Typechart
在 (1) 点选 Get CSS 可以取得该文字排版的CSS原始语法。
(2) 和 (3) 分别有 WIN 以及 MAC 的按钮,点选后可以切换预览的效果。
(4) 是效果编号,你可以将它储存起来,往后进入Typechart时可以直接搜寻。
网站的右侧为选单,依序可以选择字型、字型大小和样式(普通、粗体、斜体等等),选择后会在左边出现一些文字排版样式。
![sshot-2010-03-09-[3] sshot-2010-03-09-[3]](/d/file/2010-03-09/77e9f2029e1e9a3b28530f5b5ec3cab0.png)
点选 WIN / MAC 来切换预览效果,如果喜欢的话,点选”Get CSS”就能够获得该排版的CSS样式。
网址: http://www.typechart.com/
|