Type in your WordPress Themes by Sara Cannon WordCamp NYC
Upcoming SlideShare
Loading in...5
×
 

Type in your WordPress Themes by Sara Cannon WordCamp NYC

on

  • 6,765 views

Typography and Your Theme:...

Typography and Your Theme:
Believe it or not, generally WordPress sites are made up mostly of typography. This makes the relationship that these typographical elements have to each other very important. This talk will cover beautiful web type and various methods of implementations in WordPress themes. I will be going over webfonts, typographical CSS tips and tricks, and what different services to look at for your non-system fonts. We will go over the importance of making a site/brand guideline for a custom Twenty Ten child theme to keep consistency, account for every little detail, and be functionally lovely. No type element goes un-styled!

Statistics

Views

Total Views
6,765
Slideshare-icon Views on SlideShare
5,273
Embed Views
1,492

Actions

Likes
8
Downloads
117
Comments
3

5 Embeds 1,492

http://sara-cannon.com 1221
http://techyness.com 148
http://www.sara-cannon.com 118
http://www.linkedin.com 4
https://www.google.dk 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

13 of 3 Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Type in your WordPress Themes by Sara Cannon WordCamp NYC Type in your WordPress Themes by Sara Cannon WordCamp NYC Presentation Transcript

    • TYPOGRAPHY AND YOUR THEME sara cannon / sara-cannon.com / follow @saracannon
    • TYPOGRAPHY AND YOUR THEME SARA CANNON Scout Branding Company twitter: @saracannon blog: sara-cannon.com
    • TYPOGRAPHY AND YOUR THEME WEB DESIGN IS 95% TYPOGRAPHY
    • TYPOGRAPHY AND YOUR THEME H&FJ
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME Archer
    • TYPOGRAPHY AND YOUR THEME GOTHAM
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME VEER
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME ADOBE
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME THE LEAGUE OF MOVEABLE TYPE
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME OPEN SOURCE! OFL (OPEN FONT LICENSE) THELEAGUEOFMOVEABLE TYPE.COM/MANIFESTO
    • TYPOGRAPHY AND YOUR THEME EXLJBRIS
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME WEB TYPOGRAPHY
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME CUFON / FLIR / SIFR
    • TYPOGRAPHY AND YOUR THEME @FONT-FACE
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME ADOBE:
    • TYPOGRAPHY AND YOUR THEME H&FJ
    • TYPOGRAPHY AND YOUR THEME HF&J
    • TYPOGRAPHY AND YOUR THEME SITE EXAMPLES
    • TYPOGRAPHY AND YOUR THEME http://www.katerusby.com/
    • TYPOGRAPHY AND YOUR THEME ROSEWOOD NEUTRAFACE
    • TYPOGRAPHY AND YOUR THEME http://michelvrana.com/
    • TYPOGRAPHY AND YOUR THEME LEAGUE GOTHIC DROID SERIF
    • TYPOGRAPHY AND YOUR THEME http://www.designmadeingermany.de
    • TYPOGRAPHY AND YOUR THEME Din Round Web
    • TYPOGRAPHY AND YOUR THEME http://www. jaxvineyards.com
    • TYPOGRAPHY AND YOUR THEME FF-Din-Web FF-Tisa-Web
    • TYPOGRAPHY AND YOUR THEME http://www.sequence.com
    • TYPOGRAPHY AND YOUR THEME I WANT TO GO
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME FONT-STACKS
    • TYPOGRAPHY AND YOUR THEME @FONT-FACE
    • TYPOGRAPHY AND YOUR THEME @FONT-FACE
    • TYPOGRAPHY AND YOUR THEME @FONT-FACE http://paulirish.com/2009/bulletproof-font- face-implementation-syntax/
    • TYPOGRAPHY AND YOUR THEME @FONT-FACE truetype (.ttf) opentype (.otf) web open font format (.wo )
    • TYPOGRAPHY AND YOUR THEME @FONT-FACE font hinting
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME HAND CODE TYPEKIT FONTSQUIRREL / FONTSPRING GOOGLE API
    • TYPOGRAPHY AND YOUR THEME FONTSQUIRREL.COM @FONT-FACE GENERATOR WOFF Font - The emerging standard format. EOT (light) Font - Targets Internet Explorer. SVG Font - Targets Webkit Mobile platforms (iPhone and iPad)
    • TYPOGRAPHY AND YOUR THEME TYPEKIT.COM
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME TYPEKIT HAS 68 PARTICIPATING FOUNDRIES
    • TYPOGRAPHY AND YOUR THEME ADOBE:
    • TYPOGRAPHY AND YOUR THEME VEER:
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME TYPOGRAPHIC STYLE GUIDE FOR YOUR THEME
    • TYPOGRAPHY AND YOUR THEME http://2010dev.wordpress.com/
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME COMBATING FOUT Flash Of Unstyled Text
    • TYPOGRAPHY AND YOUR THEME COMBATING FOUT blog.typekit.com/2010/05/19/typekit-and-google/
    • TYPOGRAPHY AND YOUR THEME COMBATING FOUT code.google.com/apis/webfonts/ docs/webfont_loader.html
    • TYPOGRAPHY AND YOUR THEME COMBATING FOUT TYPEKIT DEFAULT EMBED: WEB FONT LOADER EMBED:
    • TYPOGRAPHY AND YOUR THEME COMBATING FOUT
    • TYPOGRAPHY AND YOUR THEME COMBATING FOUT github.com/typekit/webfontloader
    • TYPOGRAPHY AND YOUR THEME COMBATING FOUT
    • TYPOGRAPHY AND YOUR THEME TAKE IT FURTHER Styling Condensed Fonts
    • TYPOGRAPHY AND YOUR THEME TAKE IT FURTHER
    • TYPOGRAPHY AND YOUR THEME type crunch!!!
    • TYPOGRAPHY AND YOUR THEME WINDOWS? Disable Typekit IE6 Disable Typekit for Windows Use Google Font API for Windows
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME USER AGENT
    • TYPOGRAPHY AND YOUR THEME WINDOWS? Firefox on Windows USER AGENT
    • TYPOGRAPHY AND YOUR THEME WINDOWS? Firefox on Windows XP
    • TYPOGRAPHY AND YOUR THEME WHAT NOT TO DO
    • TYPOGRAPHY AND YOUR THEME Style Your Website With Comic Sans!
    • TYPOGRAPHY AND YOUR THEME Or The Classic Papyrus!
    • TYPOGRAPHY AND YOUR THEME Or Even Papyrus Condensed! SORRY AVATAR
    • TYPOGRAPHY AND YOUR THEME
    • TYPOGRAPHY AND YOUR THEME THE INFAMOUS EYE BLEED.
    • TYPOGRAPHY AND YOUR THEME EYE BLEED!!! AHHH THE BURNING! FREE SET OF STEAK KNIVES!!!
    • TYPOGRAPHY AND YOUR THEME THE EVEN MORE INFAMOUS EYE BLEED.
    • TYPOGRAPHY AND YOUR THEME EYE BLEED!!! AHHH THE BURNING! FREE SET OF STEAK KNIVES!!!
    • TYPOGRAPHY AND YOUR THEME WHAT TO DO
    • TYPOGRAPHY AND YOUR THEME CHECK ALL BROWSERS ALWAYS.
    • TYPOGRAPHY AND YOUR THEME FOLLOW THE INDUSTRY
    • TYPOGRAPHY AND YOUR THEME blog.typekit.com
    • TYPOGRAPHY AND YOUR THEME ilovetypography.com
    • TYPOGRAPHY AND YOUR THEME typographica.org
    • TYPOGRAPHY AND YOUR THEME FIND INSPIRATION!
    • TYPOGRAPHY AND YOUR THEME siteinspire.net
    • TYPOGRAPHY AND YOUR THEME typographyserved.com
    • TYPOGRAPHY AND YOUR THEME ministryoftype.co.uk
    • TYPOGRAPHY AND YOUR THEME wordpress.org/showcase
    • TYPOGRAPHY AND YOUR THEME Thank You! sara cannon / sara-cannon.com / follow @saracannon