Given at WordCamp Miami 2013.

1. IMPACT FONT It makes the
baby jesus
CRY
(Alternate title: Font usage in WordPress Blogs)
Ernie Hsiung, WordCamp Miami
April, 2013

2. WHO AM I?

3. (Source: http://bit.ly/GBhFaj)

4. The baby Jesus should never cry over a font
WHAT HAS
IMPACT EVER
DONE TO YOU

5. Actually, surprise! Most of this
presentation will be in Impact.
But the point of it is is that in worlds
of design and font selection: make sure
whatever fonts you make are
appropriate for whatever mood you
design.
UNIQUE, BUT
APPROPRIATE

8. It’s ironic that I am
giving a presentation
on fonts and design
that I actually won’t be
talking much about
typography on a talk
for fonts. There are
probably talks better
suited. Instead I’ll leave
you with some quick
thoughts.

10. CONTRAST
REPETITION
ALIGNMENT
PROXIMITY

11. CRAP

14. FEDM font: Bevan (Google fonts)
Caption font: Condiment (Google fonts)

15. After kerning (CSS property: letter-spacing)

17. BACK IN THE
OLD DAYS
We used table tags and
Times New Roman and we liked it

19. LET’S JUST USE
IMAGES
The project manager said to the developers,
as they wept and wept.

21. <h1>
<img src=”its-an-image-made-of-words.gif”>
</h1>
<font face=”Arial” size=”4”>
<p>It’s a great day in 1996! I’m wearing my
bucket hat and listening to my new Jordan Knight
single!</p>
</font>

22. OKAY THEN,
HOW ABOUT
USING CSS
Issues with screen readers or no-image settings?
Blindness schmindness!

23. h1 {
background: url(‘thought-of-day-img.gif’);
background-color: transparent;
border: 0;
overflow: hidden;
*text-indent: -9999px;
}
<h1>Today’s thought of the day</h1>
<p>In 2035, we’ll turn to an oldies station and hear
“Toxic” by Britney Spears.</p>

24. SIFR & CUFON
THE AMERICAN JUNIORS OF
WEB REPLACEMENT TECHNIQUES

25. @FONT-FACE

26. @font-face {
! font-family: 'MyWebFont';
! src: url('webfont.eot'); /* IE9 Compat Modes */
! src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
! url('webfont.woff') format('woff'), /* Modern Browsers */
! url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
! url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
h1 {
font-family: 'MyFontFamily', Fallback, sans-serif;
}
<h1>Today’s thought of the day</h1>
<p>In 2035, we’ll turn to an oldies station and hear
“Toxic” by Britney Spears.</p>

30. For the love of all things Holy,
SHOW ME
SOME LINKS
ALREADY

41. MORE “DESIGNERY” STUFF

46. Thanks for tuning in!
ANY QUESTIONS?
Ernie Hsiung (e@erniehsiung.com)
Website: erniehsiung.com
Twitter: @ErnieAtLYD