Comments on: @font-face Hacks http://robert.accettura.com/blog/2009/06/29/font-face-hacks/ Robert Accettura's Personal Blog on Web Development and Tech Mon, 08 Mar 2010 20:27:24 -0500 http://wordpress.org/?v=2.9.2 hourly 1 By: Robert http://robert.accettura.com/blog/2009/06/29/font-face-hacks/comment-page-1/#comment-766023 Robert Fri, 03 Jul 2009 18:09:45 +0000 http://robert.accettura.com/?p=2806#comment-766023 @Charles: I did a <a href="/blog/2009/07/03/optimizing-font-face-for-performance/" rel="nofollow">blog post</a> dedicated just to that topic @Charles: I did a blog post dedicated just to that topic

]]> By: Charles http://robert.accettura.com/blog/2009/06/29/font-face-hacks/comment-page-1/#comment-765381 Charles Thu, 02 Jul 2009 15:14:56 +0000 http://robert.accettura.com/?p=2806#comment-765381 Does font-face src support a data: url as this would allow local storage of the font and so a lot quicker? Does font-face src support a data: url as this would allow local storage of the font and so a lot quicker?

]]> By: dave http://robert.accettura.com/blog/2009/06/29/font-face-hacks/comment-page-1/#comment-764037 dave Tue, 30 Jun 2009 10:26:13 +0000 http://robert.accettura.com/?p=2806#comment-764037 I saw a similar trick, I can't remember where, that replaced the name of companies with their logotype via font-face. They didn't explain how they achieved it but I guessed that they were using a specially created font where each letter was blank, except for a single character used in the company name which was replaced with the whole logotype. By surrounding the name with a span and setting a font the text is replaced with the logo. Quite a neat, yet accessible and gracefully degrading, hack. The same thing could be used to add signatures. I saw a similar trick, I can’t remember where, that replaced the name of companies with their logotype via font-face.

They didn’t explain how they achieved it but I guessed that they were using a specially created font where each letter was blank, except for a single character used in the company name which was replaced with the whole logotype. By surrounding the name with a span and setting a font the text is replaced with the logo. Quite a neat, yet accessible and gracefully degrading, hack. The same thing could be used to add signatures.

]]>