【汉化资料】Windows下的字体渲染

shane007

最近学习了一下Windows下的字体渲染，写个文档记录一下成果，方便回顾和分享。要在Windows平台下渲染字体主要有三种途径：
( i1 q2 m$ n4 \
1.  调用Windows SDK提供的图形接口GDI/GDI+。

2.  调用DirectX提供的 D3DXCreateText 或是ID3DXFont的相关接口来实现。
+ j/ ?) Z; v' \3 z+ M$ F
# `7 s( j4 y, p, J6 }: N: c3.  用GDI或是其他第三方库（如Freetype）渲染出字形，再调用DX或SDK来绘制图形。

这三种方式各自有各的定位，不能简单地来哪个方法好，哪个方法坏。
5 l' n8 A1 ]) W( e2 d; N

- @; k1 ^% G% [0 G1 T/ k
! W, J, j+ Q7 H1 a1 B
% p) ~( x& J) [* d
一、 GDI / GDI+方案
. D5 D0 h; @) U' e+ w
- l6 S) ^7 a: U; ?6 K# u; u$ P2 U具有方便，低效的特点，内置简单排版功能，适合一般应用程序开发需求。

+ C9 b9 V. A% c: I4 L5 KWindows SDK提供的GDI / GDI+是为Windows平台下开发主流应用程序设计的，GDI提供了CreateFont，DrawText，TextOut等一系列方法以及GDI+提供的Font类使得客户程序员能够很方便地调用并实现应用程序字体渲染的目的。对于一般应用程序来说，只有当应用程序窗口需要重新绘制整个窗口的时候才需要去调用相应的接口重新渲染文字（如窗口从最小化的状态恢复或是大小改变或是被其他窗口覆盖或是被拖出屏幕边缘等），这些应用的调用频率都很低，对效率的要求不高，在这种需求下，使用GDI/GDI+提供的文字绘制接口是最合适的，方便而且强大，能渲染粗体、斜体等，而且还内置排版功能。但是如果是游戏开发，我想任何开发者都不会去直接使用GDI/GDI+提供的接口，原因是效率太低了，而且自定义程度不够，不能渲染游戏中需要用到的特殊效果文字。和其他应用程序不同，游戏的窗口是时时刻刻在重绘的，游戏中的帧数也就是每秒重绘的次数，如果帧数较低，就会觉得游戏画面卡，玩家体验会很差，这种需求就决定了字体渲染必须是高效的并且能自定义效果的（如阴影，描边等）。
1 N; K4 f6 a% h
; x& J5 P" ?2 g1 q但是GDI/GDI+为什么不够高效呢？是微软实现的太烂了？当然不是，从设计上讲微软提供这些接口都是面向一般应用程序需求的，没有高效的需求，他只要简单，方便使用，能渲染一般应用程序会用到的字体就行了，所以相对早期GDI来说，GDI+更加低效，但是更加方便，当然这也有早期硬件条件的限制。从程序实现上考虑，低效的原因是接口内部没有做数据缓存，当你调用了DrawText或TextOut等方法绘制文字时，他会根据你传入的文字重新生成字形的图形数据并将它绘制到设备上（HDC），而由字体编码到字形的图形数据这一步操作是相当慢的，程序首先会根据字符的编码去字体文件的Charmap表中查找该编码对应的字形数据位置，再读取相关的数据（可能是Bezier曲线或是B样曲线数据，点阵数据），根据参数计算出字形，最终将它转换成Bitmap数据。如果GDI/GDI+把最终得到的图形数据以字为单位缓存在一个表中，下次需要再次绘制该文字的时候直接取现存的数据，效率就能提高很多，但是他没这么做。

( Q8 @  u/ S8 y5 V% E* o4 u* C- z
! W. S* k  K- r# Z

5 U" H" Y8 P! C5 [
二、 D3DCreateText

; _* Y; p: z" j能够渲染3D文字，只有特殊应用中会用到，需要DX支持。
3 p' h! P' b9 M- b
# K, d3 D1 Q4 ~; D8 W这是 DirectX的扩展接口，能够创建Mesh。 D3DCreateText从字体文件中获取字形数据，并把每个字渲染成N个三角形（每个字大概在100~400个之间），把所有顶点数据保存成一个Mesh并作为执行结果返回，最后直接调用Mesh接口的绘制。很显然，这个接口的效率不高，所以除非需要用3D文字，一般不会去调用。可能有人会想：如果以字为单位去生成Mesh并且缓存起来，效率就会高了。其实不见得，虽然这样做确实省下了重复生成Mesh的开销，但是大大降低了显卡渲染速度（因为显卡对大量顶点的批量处理是很快的），所以总体性能不会有所提升，可能反而会更加低。当然，还有其他办法能综合以上优缺点，从Mesh中取出顶点数据自己做二次处理，这里就不展开了。


  y$ z" t+ z, B4 S- Z* Y. l
# m, m- T3 q& y/ H( ~
; _0 v0 E1 |# N
1 G# }) v& s  N4 j4 i- y. j三、 ID3DXFont

& b" U% |$ M" F3 T1 Q7 E7 `相比GDI/GDI+具有高效的特点，接口也很方便使用，但需要DX支持。
; w/ j0 I7 q- q+ B" U; v4 u2 D; O
& `0 \& ]  e. r/ @& V$ x+ x: AID3DXFont字形生成的实现其实是调用了GDI的接口，但是为什么比GDI高效呢？原因在于他做了纹理（Texture）缓存。ID3DXFont会把生成的图形数据以字为单位保存到若干张纹理中，在绘制某个字时，先查找缓存中有没现成的，如果没有则调用GDI去生成该字的图形数据并缓存到纹理中去。这样做效率确实比GDI高了很多，但是经测试，性能还不够理想，在Debug版本下，全速渲染600左右中文和800左右的英文（有重复）平均帧数为114，用DirectX SDK自带的工具PIX for Windows可以很容易找到性能不够理想的原因。从PIX显示的数据中可以看出，ID3Dfont的DrawText方法在绘制每个文字的时候，会先锁住显存中的顶点缓冲区，然后再将顶点数据写入缓冲区中，再次调用顶点渲染函数。这样每次加锁都会中断GPU的渲染流水线，等写完数据解锁以后才能继续，直接导致了性能下降。知道了性能不高的根本原因，解决就比较容易了，我们可以在内存中自己建一个比较大的顶点缓冲区，把需要在一帧中渲染的顶点数据先写入到这个顶点缓冲区中，在调用渲染接口一次性渲染所有顶点，这样能使性能提升好几倍。在上次的测试环境中用新的方案测试了一下，测试数据不变，能够达到平均784帧的速度，效果还是很明显的。这个速度用于开发游戏，还是不错的。

这样性能上确实可以接受了，但是还存在着其他一些问题。ID3DXFont对应了特定样式的一个字体，比如微软雅黑12号字对应一个实力，而微软雅黑12号字的斜体也必须对应另外一个实例。ID3DXFont中所使用到的纹理贴图都是该接口内部管理的，这给客户程序员带来了很大的方便（不用管理纹理了，而且他本身的贴图拼接的算法也很不错），当然随之而来的是你没法写入自己的贴图数据（除非自己再建贴图来管理，但是这样实现感觉上很乱）。比如需要渲染具有描边效果的文字，用ID3DXFont自己管理纹理的方式你就需要把文字以描边的颜色在上下左右等八个方向偏移若干个像素都绘制一次，再在用字体颜色在原坐标上绘制该文字才能实现描边效果，总共绘制了九遍。当然这在少量描边字的情况下性能还是能接受的。除了多次绘制，还有其他更高效的办法实现描边吗？有，就是在绘制之前专门生成在一块描边文字的边的纹理贴图，在绘制的时候，先绘制描边，在绘制文字本身，也能实现描边的效果。这种办法当然能提高效率，但是会需要更多的显存来放纹理，其实本质上是一种以空间换时间的办法，是否有必要还得看实际情况，而且还有一点就是你必须自己来管理这些纹理贴图。
- c$ P; V7 O! t8 H. G
: q" \) p* e% U2 ]5 M2 K3 y
4 L1 |% q, |/ V5 z- u

8 t6 v4 }( x+ J& G# ~5 f) W! T
四、 Freetype
2 Y% R( A& m& K% M3 N8 p2 \* v
$ E0 F" ]! e# ~+ E0 L/ o高效，能最大程度自定义，但是实现比较麻烦，适合游戏开发应用，需要DX支持。
% v; ^+ [/ m' m- w! {: f9 r* X
Freetype是个开源的可以自由使用的多平台文字渲染的库，特点是占用空间小、高效、高度可定制、并且可以产生可移植的高品质输出（符号图像）， 他是一种字体服务而没有提供为实现文字布局或图形化处理这样高阶的功能使用的API（比如带色文字渲染之类的）。通俗点说他只负责将文字编码转换成字形数据。Freetype也不支持粗体，斜体等附加效果的渲染。但是Freetype支持矢量字形的输出，如果对高质量的缩放文字有需求的话，他将是个很好的选择。GDI也有这些实现GetFontData和GetGlyphOutline就能获取字形数据，而且比Freetype功能更加强大，GDI能渲染粗体，斜体等附加效果。
9 z) j6 D+ t* {
通过Freetype或是GDI得到图形数据之后，我们就可以用DX创建纹理贴图来缓存这些数据，方法就和其他方式下差不多了，只是这种方式下得自己管理贴图，自己处理顶点缓冲区（优化），瑞然实现比较麻烦，但是性能和自定义的程度是最大化的，纹理贴图在自己的控制中，想附加什么效果都可以，不再啰嗦。
  }+ N$ x' D6 i0 a+ |5 v' u" A+ L. L
0 D6 v5 t7 c' z
8 i3 l2 t* O  p: ~6 N$ H
最后再提一点关于粗体和斜体这些附加效果的渲染方法，粗体其实可以用描边的方式来实现，只要边的颜色和字体颜色一样，看上去就是粗体的效果，至于斜体，其实完全没必要用一块纹理来专门保存斜体的图形数据，只要用正常文字的纹理在映射时做一次一定角度的偏移就实现了斜体，而且效果不错。