Fontspring’s New Bulletproof @Font-Face Syntax

UPDATE

Best Practices for Serving Webfonts to IE9

New code:
[css]@font-face {
font-family: ‘MyWebFont’;
src: url(‘webfont.eot’); /* IE9 Compat Modes */
src: url(‘webfont.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
url(‘webfont.woff’) format(‘woff’), /* Modern Browsers */
url(‘webfont.ttf’) format(‘truetype’), /* Safari, Android, iOS */
url(‘webfont.svg#svgFontName’) format(‘svg’); /* Legacy iOS */
}[/css]

PREVIOUS

An improvement on Paul Irish’s original Bulletproof syntax and the follow-up Mo’ Bulletproofer syntax

Today from Ethan Dunham at the Fontspring blog, a fix for troubles loading web fonts across browsers, including Android, IE 9, etc.

[css]@font-face {
font-family: ‘MyFontFamily’;
src: url(‘myfont-webfont.eot#’) format(’embedded-opentype’),
url(‘myfont-webfont.woff’) format(‘woff’),
url(‘myfont-webfont.ttf’) format(‘truetype’),
url(‘myfont-webfont.svg#webfontFqDaNIX6’) format(‘svg’);
}[/css]

37signals Cinco? A New Mobile Web-App Framework in the Works

37signals Cinco? A New Mobile Web-App Framework in the Works

Intro Video for Basecamp Mobile

Mobile web-app developers, check out 37signals new Basecamp Mobile.

For behind-the-scenes perspective, read their blog post on their decision to go with a web app as opposed to native apps for iOS, Android, etc.

And it appears that in the process 37signals has been building a new web-app framework, which they’ve dubbed “Cinco.” Given that this is coming from the creator of Ruby on Rails, David Heinemeier Hansson, it should be worth watching.

See David’s tell-tale tweet:

Basecamp goes mobile with HTML5 and our new Cinco framework: http://bit.ly/fAqTY3 — thanks to @sstephenson, @joshpeek, and @jz

And then this comment in response to inquiries:

SS 01 Feb 11
Basecamp Mobile is written in CoffeeScript using our in-house Cinco mobile framework, which ties together Backbone.js, Zepto, the Eco templating language, and Stitch.

We’ll be talking more about Cinco and open-sourcing it in the coming months.

See the original comment with links here.