Transcript

3.
i had my last cigarette
on sunday
october 2009, marctobiaskunisch.com

4.
and i‘d like to talk a
bit about @font-face
october 2009, marctobiaskunisch.com

5.
“ The @font-face rule allows for linking to fonts that are
automatically activated when needed. This permits
authors to work around the limitation of ‚web-safe‘
fonts, allowing for consistent rendering independent of
the fonts available in a given user's environment.
„
http://www.w3.org/TR/css3-fonts/

25.
not all fonts come with
hinting for the screen
“ Font hinting is the use of mathematical instructions to
adjust the display of an outline font so that it lines up
with a rasterized grid. At small screen sizes, with or
without antialiasing, hinting is critical for producing a
clear, legible text for human readers. It is also known
as instructing. „
http://en.wikipedia.org/wiki/Hinting

26.
A font test with hinting
(lower rows) and without
hinting (upper rows) at 100%
(above) and 400% (below).
http://en.wikipedia.org/wiki/Hinting

32.
• re-rendered text - Firefox renders text using a
default font while the @font-face file is being
downloaded. Once the font file is downloaded,
Firefox re-renders the text using the correct font.
• invisible text - Most other browsers don’t draw the
text at all until the font is downloaded.
http://www.stevesouders.com/blog/2009/10/13/font-face-and-performance/

34.
• IE doesn’t render anything in the page until the
font file is done downloading if there is a SCRIPT
tag above the @font-face declaration.
http://www.stevesouders.com/blog/2009/10/13/font-face-and-performance/