CSS Typography Example 2121 Responses

Last post: 1 month, 3 weeks ago | Thread started: Oct 1, 08, 4:35 a.m.

RespondNew TopicDisable Images

• BannedKappa

  Would love to some killer CSS Typography examples.

  I'll start..
  http://www.seedconference.com/se…

  http://twistedintellect.com/

  http://www.airbagindustries.com/…

  http://timoni.org/

  http://ilovetypography.com/

  http://www.underconsideration.co…

  and of course http://nymag.com/

  Oct 1, 08, 4:35 a.m. – Permalink

• BannedKappa

  A great online app for comparison of the fonts for the screen
  http://www.typetester.org/

  • that is helpfull– scrap_paper

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earOct 1, 08, 4:38 a.m. – Permalink

• 23kon

  id say that seedconference and nymag are the only two of your suggestions that use CSS typography for their "typography"

  the others use images rather than fonts/image replacement/typographic details.

  • +1
    
    – sublocked

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earOct 1, 08, 4:46 a.m. – Permalink

• 23kon

  ilovetypography is nice though
  would be well impressive if it was ALL cms :)

  • or CSS even– 23kon

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earOct 1, 08, 4:46 a.m. – Permalink

• kelpie

  seed conference is wicked

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earOct 1, 08, 4:49 a.m. – Permalink

• janne76

  seedconference is nice, but it is just Times New Roman haha, but very creatively adapted on screen..

  • what would you suggest using, seeing as TNR is one of the few web safe fonts?– kelpie1/2

    the work gone into styling it like that for screen is really considered and impressive– kelpie2/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earOct 1, 08, 4:55 a.m. – Permalink

• BannedKappa

  Post any example you have in your bookmarks, I love this to become a good resource for it.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earOct 1, 08, 4:55 a.m. – Permalink

• janne76

  i posted this before and i will post it again

  http://www.louiscarre.fr/

  • very nice janne, I like it– kelpie1/2

    http://textpattern.c…– janne762/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earOct 1, 08, 5 a.m. – Permalink

• janne76

  pretty basic but nice, just type only

  http://julianstahnke.de/

  • is that embedding fonts?– kelpie1/3

    see for yourself
    http://julianstahnke…
    – janne762/3

    so on the vast majority of computers it would display in basic fonts? ;D– kelpie3/3

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earOct 1, 08, 5:04 a.m. – Permalink

• harmsie

  http://www.alistapart.com/

  http://www.danielmall.com/ but some of that is swfir

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earOct 1, 08, 5:04 a.m. – Permalink

• harmsie

  Oh and Dave Shea has used some new CSS Fonts on
  http://www.brightcreative.com/

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earOct 1, 08, 5:08 a.m. – Permalink

• janne76

  http://ilovetypography.com/

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earOct 1, 08, 5:11 a.m. – Permalink

• kelpie

  haha, look at the source html on seed conference, its horrific.

  I wish there was some way to do small caps properly on the web

  • they should have used text-transform:upper… and the :first-letter selector– neverblink

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earOct 1, 08, 5:11 a.m. – Permalink

• 23kon

  Look into flash image replacement to be able to use different fonts.
  we've been using it a lot recently on sites and its really nice and can just add that extra lil bit of class to designs being able to embed a companies corporate fonts for headlines and subheadlines.

  i'd have hoped to have seen a lot of really typographics sites using that method in this post :(

  • yeah we've used it too. On really massive sites it can slow up performance :(– kelpie1/3

    ...but I'm starting to get quite arsey about forcing it in for smaller ones– kelpie2/3

    aye should only use for titles & subtitles otherwise it runs like a dawg– 23kon3/3

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earOct 1, 08, 6:54 a.m. – Permalink

• D_Dot

  http://www.dangray.com.au/
  http://www.hugeinc.com/

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earOct 1, 08, 6:59 a.m. – Permalink

• blaw

  http://www.3point7designs.com/bl…

  • i was looking for this the other night– Stugoo

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earOct 1, 08, 7:11 a.m. – Permalink

• mikotondria3

  Just looking at the style.css doc on the Julian Stahncke site, and I see such things as:
  margin: 0.15em -0.55555556em 0.1em 0;
  Anyone who is expertly versed in such advanced principles either explain this thinking or point me to somewhere I can bone up on it ?
  Also, to risk sounding like a total nube, how does he get that main body text to seem so nicely anti-aliased ?

  • using -.05em etc isn't too advanced- I do it all the time for letter-spacing...poo… crappy tracking...– b_electro1/2

    poo?? HA HA I meant poorman's– b_electro2/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earOct 1, 08, 7:26 a.m. – Permalink

• BannedKappa

  http://www.typechart.com/

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earOct 7, 08, 3:43 p.m. – Permalink

• moamoa

  this one is lovely

  http://www.storiesandnovels.com/…

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earOct 7, 08, 3:45 p.m. – Permalink

• Vicentvangogh

  Who Loves Ya' Baby!

  http://www.jamestoseland.com
  http://www.erwinbauer.com
  http://www.frieze.com/magazine
  http://www.good.is
  http://www.f-i.com

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earOct 7, 08, 3:55 p.m. – Permalink

• b_electro

  http://www.jrvelasco.com/

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earOct 7, 08, 4:41 p.m. – Permalink