• Like
  • Save
Font Swoon - Advanced Web Typography
Upcoming SlideShare
Loading in...5
×
 

Font Swoon - Advanced Web Typography

on

  • 5,115 views

In Font Swoon we will not only take a great look at some cool and inspiring fonts and implementations, but an in-depth look at advanced type techniques using CSS3 as well as basic implementation. A ...

In Font Swoon we will not only take a great look at some cool and inspiring fonts and implementations, but an in-depth look at advanced type techniques using CSS3 as well as basic implementation. A type nerd must see.

Statistics

Views

Total Views
5,115
Views on SlideShare
3,320
Embed Views
1,795

Actions

Likes
17
Downloads
80
Comments
1

7 Embeds 1,795

http://sara-cannon.com 1511
http://fontswoon.com 272
http://www.twylah.com 8
http://webcache.googleusercontent.com 1
http://translate.googleusercontent.com 1
https://www.google.com 1
http://www.linkedin.com 1
More...

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

11 of 1

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • This is a very good overview over the fonts and her providers.
    But which font will be useful to a open source programmer or an free author?
    He must be write articles and he can only use free resources. Which free fonts are supported by google docs and by slideshare? Which fonts works good with this portals? Which fonts could he use without to break the copyright low?
    Is Arial created by google docs ok or must be used Apparatus from sil.org?
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Font Swoon - Advanced Web Typography Font Swoon - Advanced Web Typography Presentation Transcript

    • Font Swoon ...@saracannon sara-cannon.com
    • Sara Cannon Freelance Artist, Designer, & WordPress Developer living in Birmingham, AL @saracannonslideshare.net/saracannon
    • #fontswoon
    • Web Design is 95% Typographyinformationarchitects.jp/en/the-web-is-all-about-typography-period
    • Web Examples
    • trentwalton.com/2011/05/10/fit-to-scale
    • Liquor Store FF Meta Serif
    • jaxvineyards.com
    • FF DinFF Tisa
    • browsehappy.com
    • League Gothic Le Monde Courrier
    • designmadeingermany.de/magazin/5
    • FF Din
    • Fonts! Fonts! Fonts!
    • Slab-Serif
    • @ fo nt-f ac e ArvoMade By: Anton Kovit files.korkork.com
    • ArcherMade By: H&FJ typography.com
    • @ fo nt-f ac e AdelleMade By: Type Together type-together.com
    • @ fo nt-f ac e CambriaMade By: Ascender Fonts ascenderfonts.com
    • @ fo nt-f ac e ClarendonMade By: Bitstream bitstream.com
    • @ fo nt-f ac e Chaparral ProMade By: Adobe adobe.com
    • @ fo nt-f ac e Droid SerifMade By: Google code.google.com/android
    • @ fo nt-f ac e Museo SlabMade By: exljbris exljbris.com
    • VitesseMade By: H&FJ typography.com
    • Sans-Serif
    • AvenirMade By: Adrian Frutiger Linotype.com
    • @ fo nt-f ac e Droid SansMade By: Google code.google.com/android
    • @ fo nt-f ac e Brandon GrotesqueMade By: HVD hvdfonts.com
    • @ fo nt-f ac e DINMade By: Linotype linotype.com
    • @ fo nt-f ac e FuturaMade By: BitStream Adobe.com
    • GothamMade By: H&FJ typography.com
    • @ fo nt-f ac e Proxima NovaMade By: Mark Simonson ms-studio.com
    • @ fo nt-f ac e OmnesMade By: Joshua Darden dardenstudio.com
    • Display Type
    • @ fo nt-f ac e MenschMade By: Morgan Kuntson los ype.com
    • @ fo nt-f ac e LEAGUE GOTHICMade By: The League of Moveable Type theleagueofmoveabletype.com
    • @ fo nt-f ac e Bello ScriptMade By: Underware underware.nl
    • FranchiseMade By: Derek Weathersbee los ype.com
    • @ fo nt-f ac e HomesteadMade By: Luke Lisi los ype.com
    • RangerMade By: Evan Huwa los ype.com
    • Type Foundries
    • Lost Type los ype.com
    • exljbris exljbris.com
    • font font font-font.com
    • H&FJ typography.com
    • League ofMoveable Type theleagueofmoveabletype.com
    • Open Source! Ofl (open Font License)theleagueofmoveabletype.com/manifesto
    • House Industries houseind.com
    • ARS Type arstype.angusrshamal.com
    • Craft You CSS
    • Beyond theSystem Font!
    • @font-face
    • Hand CodeTypekit Or Other Paid Hosts Google Api
    • Paulirish.com/2009/ bulletproof-font-face-implementation-syntax/
    • Fontsquirrel.com
    • sprungmarker.de/wp-content/uploads/webfont-services
    • typekit.com
    • Test & Tweak
    • check all browsers
    • TYPE CRUNCH!!!
    • Disable for IE
    • Disable for Windows
    • Disable for Firefox
    • Firefox on all of Windows
    • Chrome on Windows XP getting around cachecustom.jsstyle.css
    • Neat Type Scripts
    • Lettering.js le eringjs.com
    • kern.js kernjs.com
    • FitText fi extjs.com
    • Neat Type Scripts
    • WP Typographywordpress.org/extend/plugins/wp-typography
    • Drop Capswordpress.org/extend/plugins/drop-caps/
    • Other Must Havesies
    • What Font chengyinliu.com/whatfont.html
    • live example: valiocon.com
    • Google Font Previewergithub.com/pamelafox/font-previewer-extension
    • MIN min.artequalswork.com
    • Follow theIndustry
    • Follow The Industry@JasonSantaMaria @fontsquirrel@veen @typekit@brucel @h_@ilovetypography @clagnut@jessicahische @fchimero
    • blog.typekit.com
    • Find Inspiration
    • ilovetypography.com
    • webtypography.net
    • typographica.org
    • fontsinuse.com
    • friendsoftype.com
    • typography-daily.com
    • siteinspire.net
    • typographyserved.com
    • ministryoftype.co.uk
    • dribbble.com
    • wordpress.org/showcase
    • life is short, art is longTypography is Everything. code is poetry.
    • #fontswoon@saracannon sara-cannon.com