Also,
plenty of sites commit the cardinal sin of rendering things like contact details as a
Aliased text is a simplified version of the original font, reduced to a black-and-white
bitmap. Anti-aliased text attempts to emulate the soft curves of the original font by
introducing gray or colored pixels at the edges.
WORKING WITH TYPE
77
3
graphic??”I??™m sure their customers very much appreciate having to type such things out by
hand rather than just being able to copy them into their digital address books.
Image-replacement techniques
If you need a greater degree of typographical control over a portion of text, such as the
site??™s main heading, there is an option that enables you to include an image and also
enable the text to remain in place, which is useful for users surfing the Web with screen
readers. This is generally known as image replacement. Note that the technique should be
used with care and sparingly??”even from a basic practical standpoint, it doesn??™t make a
great deal of sense to set all of your headings as images, simply because it takes time to
create and export each one.
Of the techniques available for replacing images, the most common is to assign the relevant
piece of text (usually a heading) a class value in HTML, and also add a dummy span
element before its content:
A fancy heading
In an image editor, an image-based version of the heading is created and saved, and its
dimensions measured.
Pages:
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149