У меня на Mac OS X 10.7.3 в Chrome 17, Firefox 9.0.1 и Safari 5 все работает и без тормозов.
На Опере не работает, но автор сказал, что использовал только префикс webkit.
Хороший пример. К чёрту вендор префиксы и откат на яваскрипт для всех, у кого не работает.
30% пользователей оперы, 5% эксплорера и 2% старого фаерфокса сами виноваты, что не пользуются браузером верстальщика.
Сервер не тянет, надо кеш у nginx включить, или на jsfiddle выложить.
Кнопки «Демо» не кликаются, Chromium 19.0 (osx): Uncaught SyntaxError: Unexpected identifier index.html:109
И да, Вебкит это конечно хорошо, но про это не стоит забывать.
Я просматриваю веб с тем шрифтом, который мне в данный момент нравится (опция в Firefox, желающие могут попробовать угадать шрифт), и вот что вижу. Необходимо догадываться, почему в полях висят эти непонятные буковки.
В вашем случае даже проверка браузера на поддержку font-face, или на сравнивание ширины указанного шрифта с пользовательским, чтобы заменить на пиктограммы, не поможет.
Но это уже из разряда замены картинок с сайта на свои, которые в данный момент нравятся.
Форма входа и регистрации с помощью HTML5 и CSS3