5 ms·
Pure CSS: The "Back to the Future" logo
- rue 17y agoFor clarity's sake I would probably refrain from calling it "pure" as long as the -webkit- is necessary.
- silvestrov 17y agoThe page cheats a bit: the font contains "TO THE" as a single char "&" instead of composing the words from 5 letters.
- mjgoins 17y agoIs that why it requires js, and looks like "Back < & Future" if js is disabled?
- silvestrov 17y agoThere is no JS whatsoever on the page. And it still looks correct in Safari when JS is disabled.
- bengl 17y agoThe font is specified in the CSS with @font-face, a CSS2 feature. Perhaps the browser you're using might implement this feature using JS.
- carussell 17y agoNoScript doesn't just block JavaScript. See http://hackademix.net/2010/03/24/why-noscript-blocks-web-fonts/ http://hackademix.net/2010/03/24/why-noscript-blocks-web-fon...
- ZeroGravitas 17y agoAlthough that's cheating, you can achieve the same effect by creating the glyph and replacing any letter that's only used once (O, H or E in this case) with it. The other characters in the font can be blank. Therefore it works both for those that interpret it visually, and those that interpret the text. I've seen this suggested for replacing a brand name with a logotype.
- BoppreH 17y agoWell, it's more interesting then the Acid test. But the fact it only runs 100% in Safari raise some "hack" flags.
- silvestrov 17y agoIt doesn't hack per see, but uses css features (gradients) which isn't standarized yet, and therefore uses vendor-prefixes in the css. It should be somewhat simple to add the Firefox versions of the css directives to add support for Firefox.
- jared314 17y agoWhy were fonts originally not embedded in websites? Licensing, security, support?
- tptacek 17y agoLicensing. When you use a font in a PDF, the receiver of the PDF doesn't easily get the ability to re-use the font. When you embed it in a website, you're giving everyone on the Internet a workable copy of the font. Fonts are expensive.
- dflock 17y agoDepends on what you mean by originally, really. Originally all this was intended for sharing scientific research and no one cared about crap like fonts, or almost anything else we take for granted now; it kinda used to look like this: http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html http://www.w3.org/History/19921103-hypertext/hypertext/WWW/T...
- callmeed 17y agoStrange, it does not render properly on Safari/iPad
- RyanMcGreal 17y agoLooks great in Chrome 5.0.342.9 beta. Not so much in FF 3.6.3. (Both on Ubuntu 9.04)
- zasz 17y agoHoly shit, I know this kid. Lucas is also the #11 speed cuber in the world. Very cool guy over all. So the point of this logo, if anyone is curious, is that Stanford regularly holds an annual social dance (meaning waltz, swing, cha-cha, etc. but with no particular concern for traditional form) called "Big Dance." Lucas really wanted the theme to be "Big Dance to the Future," but sadly, "Pride and PrejuDance" won instead.
- RiderOfGiraffes 17y agoI also know Lucas, and at a recent event watched him restore a cube blindfolded - most impressive.
- silviasaint 17y agoLooks great and awesome http://www.squidoo.com/womensera http://www.squidoo.com/womensera