Typography on the Web

Post on 15-May-2015

1.513 views 1 download

Tags:

Transcript of Typography on the Web

Typographyon the Web•

old hidden art

Trajan column

2000

One of the most annoying things

is ,of course , punctuation errors !

Punctuation

Punctuation

One of the most annoying things

is ,of course , punctuation errors !

“ ” ≠ " "‘ ’ ≠ ' '

Quotes

An author, instructor, and Web designer, Molly E. Holzschlag has authored over 30 books related to

“Web design and development”. She’s been coined one of the greatest

“digerati” and deemed one of “the Top 25 Most Influential

An author, instructor, and Web designer, Molly E. Holzschlag has authored over 30 books related to “Web design and development”. She’s been coined one of the greatest “digerati” and deemed one of “the Top 25 Most

Hanging Punctuation

An author, instructor, and Web designer, Molly E. Holzschlag has authored over 30 books related to

“Web design and development”. She’s been coined one of the greatest

“digerati” and deemed one of “the Top 25 Most Influential

An author, instructor, and Web designer, Molly E. Holzschlag has authored over 30 books related to “Web design and development”. She’s been coined one of the greatest “digerati” and deemed one of “the Top 25 Most

Hanging Punctuation

– hyphen– en dash– em dash

-–—Dashes

[-][–][—]

· • … æ ¿ ¢ € ¥ £ ™ ® © ÷ × ± ≈ ∞ ≠ ≤ ≥ ½ § † α π ç д ´ ˝ °

Other Symbols

· • … æ ¿ ¢ € ¥ £ ™ ® © ÷ × ± ≈ ∞ ≠ ≤ ≥ ½ § † α π ç д ´ ˝ °

Other Symbols

· • … æ ¿ ¢ € ¥ £ ™ ® © ÷ × ± ≈ ∞ ≠ ≤ ≥ ½ § † α π ç д ´ ˝ °

Other Symbols

Other Symbols

· • … æ ¿ ¢ € ¥ £ ™ ® © ÷ × ± ≈ ∞ ≠ ≤ ≥ ½ § † α π ç д ´ ˝ °

• Times New Roman

• Georgia

• Book Antiqua

• Arial

• Verdana• Trebuchet MS

Fonts

• Times New Roman

• Georgia

• Book Antiqua• Palatino• Hoefler Text• Cochin

• Arial

• Verdana• Trebuchet MS• Futura• Lucida Grande• Gill Sans

Fonts

Leading

Microformats are a fast growing technology! In the first year of microformats, there were many more instances of microformatted data than RSS had in its first year, and the adoption rate is climbing. It’s possible to create thousands, even millions, of microformat instances with simple tweaks to CMS templates. Sites, such as Flickr, have applied the hCard microformat to profile pages

Leading

Microformats are a fast growing technology! In the first year of microformats, there were many more instances of microformatted data than RSS had in its first year, and the adoption rate is climbing. It’s possible to create thousands, even millions, of microformat instances with simple tweaks to CMS templates. Sites, such as Flickr, have applied the hCard microformat to profile pages

Microformats are a fast growing technology! In the first year of microformats, there were many more instances of microformatted data than RSS had in its first year, and the adoption rate is climbing. It’s possible to create thousands, even millions, of microformat instances

Leading

Microformats are a fast growing technology! In the first year of microformats, there were many more instances of microformatted data than RSS had in its first year, and the adoption rate is climbing. It’s possible to create thousands, even millions, of microformat instances with simple tweaks to CMS templates. Sites, such as Flickr, have applied the hCard microformat to profile pages

Microformats are a fast growing technology! In the first year of microformats, there were many more instances of microformatted data than RSS had in its first year, and the adoption rate is climbing. It’s possible to create thousands, even millions, of microformat instances

Microformats are a fast growing technology! In the first year of microformats, there were many more instances of microformatted data than RSS had in its first year, and the adoption rate is climbing. It’s possible to create thousands, even millions, of microformat instances with simple tweaks to CMS templates. Sites, such as Flickr,

Leading

Microformats are a fast growing technology! In the first year of microformats, there were many more instances of microformatted data than RSS had in its first year, and the adoption rate is climbing. It’s possible to create thousands, even millions, of microformat instances with simple tweaks to CMS templates. Sites, such as Flickr, have applied the hCard microformat to profile pages

Microformats are a fast growing technology! In the first year of microformats, there were many more instances of microformatted data than RSS had in its first year, and the adoption rate is climbing. It’s possible to create thousands, even millions, of

Microformats are a fast growing technology! In the first year of microformats, there were many more instances of microformatted data than RSS had in its first year, and the adoption rate is climbing. It’s possible to create thousands, even millions, of microformat instances with simple tweaks to CMS templates.

Negative Leading

Kerning

Walker’s avenue

Walker’s avenueWalker’s avenue

Kerning

Kerning

Walker’s avenueWalker’s avenue

JavascriptJavascript

J a v a s c r i p tJ a v a s c r i p t

Tracking

0401234567

Legibility

0401234567

0401234567

$126.99

Legibility

0401234567

$126.99

0401234567

$126.99

RSS from XHTML

Legibility

0401234567

$126.99

RSS from XHTML

Who cares?

Thank you

dmitry.baranovskiy.com/wsg2007

4dmitry.baranovskiy@gmail.com