5 ms·
Lettering.js - A jQuery plugin for radical web typography.
- chaosmachine 16y agoThis is one of the linked example sites: http://www.danhigbie.com/ http://www.danhigbie.com/ Firebug says the font pack from Typekit is over 575kb. That's a lot of bytes to add to your pageload, and (in Firefox at least) it causes noticeable page redrawing as the font files are loaded. So, while this is neat, I'd probably still go with a simple png file for things like site logos. (I realize this is more of a critique of Typekit than the jQuery plugin; the plugin itself comes in at under 1kb.)
- bjg 16y agoNo redrawing was observed while viewing in Chrome 9.0.597.16
- uggedal 16y agoWebkit based browsers don't show the text before the @font-face font is loaded. You can achieve the same effect in Firefox and Opera by using WebFont Loader: http://24ways.org/2010/using-the-webfont-loader-to-make-browsers-behave-the-same http://24ways.org/2010/using-the-webfont-loader-to-make-brow...
- godDLL 16y agoAnd if you're serving pages to the other end of the world it becomes prohibitively slow. I waited about 30 seconds for anything to show up on the page.
- deleted 16y ago[deleted]
- mambodog 16y ago"★★★★★ L@@K!" That's some recommendation there! But seriously, this neat, I just worry this will be abused.
- BerislavLopac 16y agoPersonally, I much prefer Cufon -- http://cufon.shoqolate.com/generate/ http://cufon.shoqolate.com/generate/. It has less features, but works much better for basic typography.
- kingsidharth 16y agoGreat stuff! Now all we need is good sense of typography in people who are going to use it. Or this is a weapon of visual noise in wrong hands.
- joeybaker 16y agoToo bad this breaks the fundamental rule not to us JS for basic layout. Rules are meant to be broken, but still…
- krohrbaugh 16y agoNot really, all this seems to be doing is programmatically adding spans with classes around letters/words/lines. The layout is still being specified in the CSS. I don't think it's really violating any 'rules' as much as just providing a bit of convenience.
- hnal943 16y agoThe font they chose for the body text looks horrible in Chrome.