Web Typography: Viva La Revolution!

Transcript of Web Typography: Viva La Revolution!

Photo: Wikimedia Commons

http://en.wikipedia.org/wiki/File:Eug%25C3%25A8ne_Delacroix_-_La_libert%25C3%25A9_guidant_le_peuple.jpg

Hi.

Hi.My name is Mykl.

I’m a Type Geek.

Ignite Minneapolis:When Good People Choose Bad Fonts

Brief History

1996

“Core” FontsIntroduced

Inspired by a slide by Garrick Van Buren

http://garrickvanburen.com/

Inspired by a slide by Garrick Van Buren

1998

2004

Despite this,typographybecomes cool

...and partisan...

...and popular!

TypographyTrends

wearecupcake.com

http://www.wearecupcake.com/

trentwalton.com

http://trentwalton.com/2009/02/23/my-cat-will/

teamfannypack.com

http://teamfannypack.com/denise/

markboultondesign.com

http://www.markboultondesign.com/

blog.squarespace.com

http://blog.squarespace.com/

oliverkavanagh.com

http://oliverkavanagh.com/

tputh.com

http://tputh.com/

elysiumburns.com

http://www.elysiumburns.com/

chirp.twitter.com

http://chirp.twitter.com/

squaredeye.com

http://squaredeye.com/

ixwa.com

http://www.ixwa.com/

bobulate.com

http://bobulate.com/

behoff.com

http://www.behoff.com/

True Web Typography(Finally!)

@font-face

• Clean. Doesn’t use Javascript, Flash, images, etc.

• Searchable, accessible, standards-compliant

• Fast & efficient

Tools/soultions

kernest.com

http://kernest.com/

typekit.com

http://typekit.com/

Examples

fontconf.com

http://fontconf.com

alistapart.com/d/cssatten/nels.html

http://www.alistapart.com/d/cssatten/nels.html

timoni.org

http://timoni.org

craigmod.com

http://craigmod.com/journal/font-face/

garrickvanburen.com

badassideas.com

http://badassideas.com/get-stoked-on-web-typography-sxsw/

Photo by: takomabibelot on Flickr

http://www.flickr.com/photos/takomabibelot/4373062612/

Mykl Roventine Designer of Things myklroventine.com twitter.com/myklroventine

Thankyou!

Photo by: Meshl on Flickr

http://myklroventine.com

http://www.flickr.com/photos/meshl/3699379563/

Web Typography: Viva La Revolution!

Technology

Transcript of Web Typography: Viva La Revolution!

Reading Typography—Writing Typography

Graphic Design · Expressive Typography 1 Graphic Design: Typography Expressive Typography exists to honor content. — Robert Bringhurst, The Elements of Typographic Style Typography

The Wonder Of Typography. Typography broken down… Brief history and back ground of typography Brief history and back ground of typography The principles.

YRT Routes Viva blue Viva blue A Richmond Hill Viva purple ... · YRT Routes Viva blue Viva blue A Viva purple Viva pink Viva orange 3 20 96 165 165F Thornhill Jane Keele-Yonge Weston

Aman Narain, Viva La Revolution -How Banking Should and Will be Disrupted and Tactics to Leverage this Disruption

The ARCHITYPOGRAPHOLOGIC timeline - Vincent · PDF fileThe ARCHITYPOGRAPHOLOGIC timeline ... typography and architecture. The beginning of the printing press ... the industrial revolution

Word and Place in Irish Typography - RADARradar.gsa.ac.uk/3194/1/Dixon_Word_Place.pdf · Word and Place in Irish Typography Brian Dixon Toponomic typography, or place-name typography,

Nokia Typography

Part I The History of Typography and Place...series profiling typography and dimensional typography in the sign making industry. Wrtitten by Craig Berger 1 Typography, Placemaking

Typography Basics - faculty.ccbcmd.edufaculty.ccbcmd.edu/~dciccar2/144/session9_type_handout.pdf · Typography Basics Debby Ciccarelli CCBC | ADiM Typography •Typography - the study

Typography Basics - Community College of Baltimore Countyfaculty.ccbcmd.edu/~dciccarelli/144/session9_type_handout.pdfTypography Basics Debby Ciccarelli CCBC ... ADiM Typography •Typography

VIVA ANNUAL REPORT 2018 2018 PAVING THE …...PAVING THE PATH FOR DIGITAL REVOLUTION VIVA ANNUAL REPORT 2018 2 PT. VISI MEDIA ASIA TBK PT. VISI MEDIA ASIA TBK 3 DAFTAR ISI Table of

Viva La Revolution: Why Universal Banking is under siege and what needs to be done.

Viva la revolución? Harnessing the Data Revolution for Good Eva Jespersen, May 2015 Human Development Report Office.

VIVA ANNUAL REPORT 2018 2018 PAVING THE PATH FOR … · paving the path for digital revolution viva annual report 2018 2 pt. visi media asia tbk pt. visi media asia tbk 3 daftar isi

Viva la Revolution!Viva la Revolution! · From “Sydney/Purgatorio,” by Craig San Roque. And so it began from the earliest days that ... in the form of a rumpus room. Today’s

Typography Selecting appropriate typefaces for a document. Typography.

Responsive Typography

Web Typography

Gawronski, Vincent T. (2002) - The Revolution is Dead. ¡Viva La Revolución! - The Place of the Mexican Revolution in the Era of Globalization