Comments for ArtzStudio http://www.artzstudio.com Dave Artz and his discoveries in web design and development. Fri, 19 Oct 2012 14:03:44 +0000 hourly 1 http://wordpress.org/?v=3.3.1 Comment on Web Font Performance: Weighing @font-face Options and Alternatives by Ross Kendall http://www.artzstudio.com/2012/02/web-font-performance-weighing-fontface-options-and-alternatives/comment-page-1/#comment-6006 Ross Kendall Fri, 19 Oct 2012 14:03:44 +0000 http://www.artzstudio.com/?p=156#comment-6006 Thank you for the very helpful post! Especially liked the tip to use a subset with Font Squirrel expert settings. Using just upper-case made for nice compact font files :-) Thank you for the very helpful post! Especially liked the tip to use a subset with Font Squirrel expert settings. Using just upper-case made for nice compact font files :-)

]]> Comment on Web Font Performance: Weighing @font-face Options and Alternatives by Youri http://www.artzstudio.com/2012/02/web-font-performance-weighing-fontface-options-and-alternatives/comment-page-1/#comment-5972 Youri Wed, 23 May 2012 09:32:22 +0000 http://www.artzstudio.com/?p=156#comment-5972 Great article with good research! I was using google fonts quite often, i will have to reconsider that now! Great article with good research! I was using google fonts quite often, i will have to reconsider that now!

]]> Comment on Web Font Performance: Weighing @font-face Options and Alternatives by Franz http://www.artzstudio.com/2012/02/web-font-performance-weighing-fontface-options-and-alternatives/comment-page-1/#comment-5951 Franz Sun, 15 Apr 2012 18:26:26 +0000 http://www.artzstudio.com/?p=156#comment-5951 @Matti: My primary use for webfonts is site chrome or web app UI, not user-generated content, so the glyph stripping tip was great for me. Especially for HTML5 games and mobile development, where load times are paramount. @Matti: My primary use for webfonts is site chrome or web app UI, not user-generated content, so the glyph stripping tip was great for me. Especially for HTML5 games and mobile development, where load times are paramount.

]]> Comment on Web Font Performance: Weighing @font-face Options and Alternatives by Brad Dunzer http://www.artzstudio.com/2012/02/web-font-performance-weighing-fontface-options-and-alternatives/comment-page-1/#comment-5847 Brad Dunzer Thu, 22 Mar 2012 00:00:06 +0000 http://www.artzstudio.com/?p=156#comment-5847 Dave, Thanks for the notes about fout-b-gone. Yes it was built to handle the simple approach so it had some trade-offs. Regarding the bundling I mentioned. Its not that we are bundling the fonts together but the first request for them. Prior to our change we had users place a @font-face link for each font required in their CSS. Now one link makes a call for all of the fonts. Actually it makes a call for a dynamic CSS generation that writes the @font-face calls to the page and gets the fonts. One thing i was wondering in your comparison of services (google and typekit) how did you make sure that the font file sizes were the same? Each vendor can do specific things to a font and sizes can vary wildly for the same font face. But its pretty easy to see why the font for typekit comes back faster when the base64 version is returned with the CSS and thus there is no third step as is shown for Google. Did you also test based on downloading multiple fonts at once. Say with 4 font-faces which is a typical setup for a single font? It would be interesting to see how that larger single chunk of data effects pageload. Just as you were concerned about what you thought we introduced with combining fonts. Either way glad to see all the discussion. Dave,
Thanks for the notes about fout-b-gone. Yes it was built to handle the simple approach so it had some trade-offs.

Regarding the bundling I mentioned. Its not that we are bundling the fonts together but the first request for them. Prior to our change we had users place a @font-face link for each font required in their CSS. Now one link makes a call for all of the fonts. Actually it makes a call for a dynamic CSS generation that writes the @font-face calls to the page and gets the fonts.

One thing i was wondering in your comparison of services (google and typekit) how did you make sure that the font file sizes were the same? Each vendor can do specific things to a font and sizes can vary wildly for the same font face. But its pretty easy to see why the font for typekit comes back faster when the base64 version is returned with the CSS and thus there is no third step as is shown for Google. Did you also test based on downloading multiple fonts at once. Say with 4 font-faces which is a typical setup for a single font? It would be interesting to see how that larger single chunk of data effects pageload. Just as you were concerned about what you thought we introduced with combining fonts.

Either way glad to see all the discussion.

]]> Comment on Web Font Performance: Weighing @font-face Options and Alternatives by Jamund Ferguson http://www.artzstudio.com/2012/02/web-font-performance-weighing-fontface-options-and-alternatives/comment-page-1/#comment-5744 Jamund Ferguson Tue, 13 Mar 2012 20:20:12 +0000 http://www.artzstudio.com/?p=156#comment-5744 In my personal tests I've found that the fastest way forward is to base64 a single WOFF font (dropping IE8 support) and put it in your CSS file. It's insanely fast. In my personal tests I’ve found that the fastest way forward is to base64 a single WOFF font (dropping IE8 support) and put it in your CSS file. It’s insanely fast.

]]> Comment on Web Font Performance: Weighing @font-face Options and Alternatives by Andy Davies http://www.artzstudio.com/2012/02/web-font-performance-weighing-fontface-options-and-alternatives/comment-page-1/#comment-5719 Andy Davies Mon, 12 Mar 2012 13:29:11 +0000 http://www.artzstudio.com/?p=156#comment-5719 @artzstudio If you look at the waterfall for typekit - http://www.webpagetest.org/result/111231_2K_2PNEM/10/details/ StartRender doesn't happen until after the font arrives from Typekit... @artzstudio

If you look at the waterfall for typekit – http://www.webpagetest.org/result/111231_2K_2PNEM/10/details/

StartRender doesn’t happen until after the font arrives from Typekit…

]]> Comment on Web Font Performance: Weighing @font-face Options and Alternatives by mike foskett http://www.artzstudio.com/2012/02/web-font-performance-weighing-fontface-options-and-alternatives/comment-page-1/#comment-5564 mike foskett Mon, 05 Mar 2012 16:26:39 +0000 http://www.artzstudio.com/?p=156#comment-5564 Brilliant article. Covered all my concerns regarding implementing web-fonts at Tesco. Off the back of this article I'll start running a few of my own tests. Brilliant article.
Covered all my concerns regarding implementing web-fonts at Tesco.
Off the back of this article I’ll start running a few of my own tests.

]]> Comment on Web Font Performance: Weighing @font-face Options and Alternatives by ArtzStudio http://www.artzstudio.com/2012/02/web-font-performance-weighing-fontface-options-and-alternatives/comment-page-1/#comment-5563 ArtzStudio Mon, 05 Mar 2012 14:58:06 +0000 http://www.artzstudio.com/?p=156#comment-5563 @karl - webpagetest.org does not include Opera or mobile in its testing, so I am not sure how I could get this data (for free). @karl – webpagetest.org does not include Opera or mobile in its testing, so I am not sure how I could get this data (for free).

]]> Comment on Web Font Performance: Weighing @font-face Options and Alternatives by ArtzStudio http://www.artzstudio.com/2012/02/web-font-performance-weighing-fontface-options-and-alternatives/comment-page-1/#comment-5562 ArtzStudio Mon, 05 Mar 2012 14:56:17 +0000 http://www.artzstudio.com/?p=156#comment-5562 @karl and @Matti - Thanks for pointing out the language issue, see my edits to the article. @karl and @Matti – Thanks for pointing out the language issue, see my edits to the article.

]]> Comment on Web Font Performance: Weighing @font-face Options and Alternatives by karl http://www.artzstudio.com/2012/02/web-font-performance-weighing-fontface-options-and-alternatives/comment-page-1/#comment-5561 karl Mon, 05 Mar 2012 14:17:04 +0000 http://www.artzstudio.com/?p=156#comment-5561 Ah forgotten. Have you tried with Opera? and Opera Mobile? Ah forgotten. Have you tried with Opera? and Opera Mobile?

]]>