Site Meta

Author Archives: Metaphox

WOFF 使用指南

于一月21日发布的 Mozilla Firefox 3.6 版本提供了对于 WOFF (Web Open Font Format) 字体格式的支持。关于这一字体格式的意义,本站之前的《字体数字化简史与 WOFF》一文已有提及,而我们今天将简单地演示 WOFF 格式的具体使用及其效果。对于网页设计者来说,使用 WOFF 格式与使用此前已经被支持的 TrueType 或 OpenType 格式在方法上并无不同,都是通过 CSS 的 @font-face 等规则完成的。首先是通过指定 WOFF 格式的字体文件之 URL 来定义一个 font-family 名称:

@font-face {
font-family: myfontname;
src: url(link/to/the/woff-font/fontname.woff) format(“woff”),
url(link/to/the/ttf-font/fontname.ttf) format(“truetype”);
}

通过以上代码,支持 WOFF 的浏览器如 Firefox 3.6 将自动下载 link/to/the/woff-font/fontname.woff 这一字体,不支持 WOFF 但是支持内联 [...]

8 Comments

字体数字化简史与 WOFF

1970年代报纸的制作,编辑们在大型的字体胶片机上输入文章标题,制作胶片。Image: fullerton.edu
与音乐存储技术近似,标准化字体之存储和传播的介质,也经历过由模拟(analogue)向数字(digital)的转变。如若密纹唱片可类比为铅字,磁带便相当于早期照相排印(Phototypesetting)所使用的字体胶片 1 。二十世纪七十年代,唱片业与印刷业都历经了里程碑式的转变,数字格式的唱片和数字格式的字体开始主导市场。
1970年代
一九七六年,索尼公司展示了光学存储媒介的原型,同一年,Monotype 推出 Lasercomp,后来成为世界上第一台商业上成功的数字激光图像排印设备,Linotype 则推出了 Typomatic 照排机,终结了 Linotype 九十年的铅字制造史;一九七八年,Linotype 推出 Linotron 202 ,采用数字矢量字体 2 ,与此同时,计算机学界泰斗高德纳(Donald Ervin Knuth)则因为照相排版质量的不堪,编写着后来成为学术界出版之重要标准的排印语言TeX ,以及字体描述系统 Metafont。当印刷业跨入八十年代,数字矢量字体已是印刷厂排印时采用的主要形式。

9 Comments

“长S”的故事,与 ß 和积分符号

从左至右,单词依次为:smallest、support、subsistence、sufficient。1996年 Routledge 出版的《人口论》1789版重印版。
课上要读马尔萨斯(Malthus)《人口论》(An Essay on Population),从图书馆找来1789年的重印版。读起来却发现一个奇怪的现象:文中大部分单词中的“s”都被长相奇怪的“f”代替,如上图所示,读起来要不断猜词,实在想不透这样做的原因。于是百思不得其解,寻求帮助。我们的 Web Developer、身处德国的 Metaphox 很快发来了正解,做为字体和文字细节,颇为有趣,以嗜各位。

9 Comments