Categories
Links

CSS Sans

[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).

Categories
Links

Trail Type

[A user-generated collection of typography from national parks and other ‘wild’ spaces.][link] Beautiful stuff.

[link]: http://www.trailtype.com/ “Trail Type”

Categories
Links

Big, Beautiful Dropcaps with CSS initial-letter

[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”

Categories
Links

Font-To-Width

>[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”

Categories
Links

tinytype – a table showing all of the available default system fonts across different mobile platforms

[No surprise that Android has the fewest, with a grand total of FOUR.][link]

[link]: http://www.jordanm.co.uk/tinytype “tinytype”

Categories
Links

Typeset In The Future

[A blog dedicated to identifying fonts in science fiction.][link]

[link]: http://typesetinthefuture.com/ “Typeset In The Future | Dedicated to fonts in sci-fi”

Categories
Links

Beautiful web type

[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”

Categories
Links

The thorny problem of “ye”

[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)”

Categories
Links

Contrast Rebellion

[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!”

Categories
Links

Google Web Fonts 2.0

[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”

Categories
Links

Lettering.js

[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.”

Categories
Links

Lost Type Co-op

[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”

Categories
Links

WhatFont

[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”

Categories
Links

Open Source Ampersands

[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”

Categories
Links

Unitless line-heights

[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”

Categories
Links

Ask H&FJ: Four Ways to Mix Fonts

[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”

Categories
Links

Using Helvetica Neue Light In Firefox + Safari

[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”

Categories
Links

Miso

[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”

Categories
Links

Introducing Typekit

[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”