Extra Future[A font constructed entirely by CSS](https://yusugomori.com/projects/css-sans/fonts). It is, essentially, a programmatic realtime typeface. I love how it degrades for older versions of IE:
It’s not what I’d consider practical for production use. Still, CSS Sans is a hell of a demonstration of how far CSS has come since Microsoft shipped Internet Explorer 3 in 1996, which was first browser to implement some of the CSS1 spec (CSS v1 was not yet a W3C recommendation).
[A user-generated collection of typography from national parks and other ‘wild’ spaces.][link] Beautiful stuff.
[link]: http://www.trailtype.com/ “Trail Type”
[Nice post from Dudley Storey on the new CSS proposal for initial-letter][link]. CSS typography has come a long way in the previous 5 years but we’re still in the woods with a lot of the things that print media take for granted.
[link]: http://demosthenes.info/blog/961/Big-Beautiful-DropCaps-with-CSS-initial-letter “demosthenes.info – Big, Beautiful Dropcaps with CSS initial-letter”
>[Font‑To‑Width (FTW!)][link] is a script by Nick Sherman and Chris Lewis that takes advantage of large type families to fit pieces of text snugly within their containers.
Can definitely see using this for some datavis stuff. There is some FOUT (Flash of unstyled text) to deal with though.
[link]: http://font-to-width.com/ “Font-To-Width”
[No surprise that Android has the fewest, with a grand total of FOUR.][link]
[link]: http://www.jordanm.co.uk/tinytype “tinytype”
[A blog dedicated to identifying fonts in science fiction.][link]
[link]: http://typesetinthefuture.com/ “Typeset In The Future | Dedicated to fonts in sci-fi”
[A collection / demo of the “best” typefaces from Google’s web font directory][link]. Well-curated and paired nicely. This is a great resource.
[link]: http://hellohappy.org/beautiful-web-type/ “Beautiful web type — the best typefaces from the Google web fonts directory”
[John August on][link] the (to me, anyway) revelation that the quaint olden-times word “Ye”, as in “Ye Olde Shoppe,” was [actually pronounced “the” and was the result of typesetting problems][bbc] relating to the missing “[Thorn][thorn]” glyph in many printing fonts.
[link]: http://johnaugust.com/2011/ye-olde-shoppe-never-existed “The thorny problem of ‘ye’ | johnaugust.com”
[bbc]: http://www.bbc.co.uk/dna/h2g2/A2922077 “Thorn – Missing Letter of the Alphabet”
[thorn]: http://en.wikipedia.org/wiki/Thorn_(letter) “Wikipedia: Thorn (Letter)”
[Let’s put an end to this low-contrast, light gray nonsense and use typography for its purpose: Making text readable.][link]
That’s a rallying cry I can echo without hesitation.
[link]: http://contrastrebellion.com/ “Contrast Rebellion – to hell with low-contrast fonts!”
[Newest in an avalanche of Google service redesigns.][link] Is 2011 the year Google gets serious about design? Sure seems like it.
[link]: http://www.google.com/webfonts/v2 “Google Web Fonts”
[A very intriguing typography plugin for jQuery.][link] The example gallery is pretty damned impressive.
[link]: http://letteringjs.com/ “Lettering.js – A jQuery plugin for radical web typography.”
[Very nice typefaces with a pay-what-you-like profit model.][link] The website is fun, too.
[link]: http://www.losttype.com/ “Lost Type Co-op”
[A nifty little JS bookmarklet that tells you what font is being used on the text you’re hovering over.][link] No more digging through CSS files for this cowboy.
[link]: http://chengyinliu.com/whatfont.html “WhatFont Bookmarklet « Chengyin Liu”
[Single-use site][link] by Mark Pilgrim inspired by Dan Cederholm’s blog post [Use the Best Ampersand Available][dan].
[link]: http://opensourceampersands.com/ “Open Source Ampersands”
[dan]: http://simplebits.com/notebook/2008/08/14/ampersands-2/ “Use the Best Ampersand Available”
[A handy CSS tip and technique that I was previously unaware of.][link]
[link]: http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/ “Eric’s Archived Thoughts: Unitless line-heights”
[Click it, read it, learn it, love it.][link] These are all essential tips.
[link]: http://www.typography.com/email/2010_03/index_tw.htm “Ask H&FJ: Four Ways to Mix Fonts”
[Great tip from Guillermo Esteves][link]. Worked a charm on this very site.
[link]: http://blog.gesteves.com/post/36097597/helvetica-neue-light “Helvetica Neue Light – All-Encompassing Trip”
[A great-looking, compact, typeface for industry][link]. Comes in 3 flavors and is free for private or commercial use.
[link]: http://www.omkrets.se/typografi/ “Omkrets arkitektur: Typografi”
[A platform for css3’s @font-face][link]. The real test of this will be how many hoops you have to jump through to embed a font, and how it handles failure:
>We’ve built a technology platform that lets us to host both free and commercial fonts in a way that is incredibly fast, smoothes out differences in how browsers handle type, and offers the level of protection that type designers need without resorting to annoying and ineffective DRM.
The upside is that having a central place to access these fonts will be great for caching.
[link]: http://blog.typekit.com/2009/05/27/introducing-typekit/ “Introducing Typekit « The Typekit Blog”