Article XML http://community.xoofoo.org/modules/actus_webmaster/view.article.php/2685 2012-05-24T01:24:49+02:00 http://community.xoofoo.org/modules/actus_webmaster/ http://community.xoofoo.org/modules/actus_webmaster/images/logo.png text/html 2010-03-07T06:05:39+02:00 http://community.xoofoo.org/modules/actus_webmaster/ http://community.xoofoo.org/modules/actus_webmaster/view.article.php/2685 <p><a href="http://github.com/leeky/Font-Stack-Tester"><img src="http://z.about.com/d/webdesign/1/0/t/c/1/font-stack-tester.png" width="160" alt="Font-Stack-Tester" title=" Screen shot by J Kyrnin" border="0" /></a><br/><br />When you create a font stack, you are creating a fallback system for your customers. If they don't have the first font, the page will display with the second, and so on. But most designers don't test their pages looking at the alternate fonts, and this can cause problems with some designs. The challenge is that it can be tedious to view and remove all your fonts one at a time to do testing on them. And there aren't a lot of alternatives to doing that. But this script can help. The Font-Stack-Tester scans your CSS and puts an overlay on the page to allow you to remove the fonts manually. It's still in beta stages, and eventually it will be a bookmarklet, but right now it's pretty neat if you want to put the JS scripts into your pages for testing.<br /></p><br /><ul><br /> <li>Font Stacks: <a href="http://clk.about.com/?zi=1/1hc&#038;zu=http://github.com/leeky/Font-Stack-Tester">Font-Stack-Tester</a></li><br /> <li><a href="http://clk.about.com/?zi=1/1hc&#038;zu=http://webdesign.about.com/od/fonts/qt/how-to-choose-a-font-stack.htm">Font Stacks - How to Choose a Workable CSS Font Stack</a></li><br /> <li><a href="http://clk.about.com/?zi=1/1hc&#038;zu=http://webdesign.about.com/u/ua/fonts/good-font-stacks.htm?from=lb#ua_form">Share Your Font Stacks</a></li><br /> <li><a href="http://clk.about.com/?zi=1/1hc&#038;zu=http://webdesign.about.com/od/fonts/tp/web-typography-mistakes.htm">Web Typography Mistakes</a></li><br /> <li>See all the <a href="http://clk.about.com/?zi=1/1hc&#038;zu=http://webdesign.about.com/od/editors/tp/web-design-software-pick-of-the-week-2010.htm">Software Picks</a></li><br /> <li><a href="http://clk.about.com/?zi=1/1hc&#038;zu=http://webdesign.about.com/library/bl_web_editor_reviews.htm">Suggest Software for the Pick of the Week</a></li><br /></ul><p style="background:#f5f3ef;border: 1px solid #d5d0bf;clear:both;padding:.5em;"><a href="http://clk.about.com/?zi=1/1hc&#038;zu=http://webdesign.about.com/b/2010/03/07/web-design-software-pick-of-the-week-font-stack-tester.htm">Web Design Software Pick of the Week: Font-Stack-Tester</a> originally appeared on <a href="http://clk.about.com/?zi=1/1hc&#038;zu=http://webdesign.about.com/">About.com Web Design / HTML</a> on Sunday, March 7th, 2010 at 05:05:39.</p><p><a href="http://clk.about.com/?zi=1/1hc&#038;zu=http://webdesign.about.com/b/2010/03/07/web-design-software-pick-of-the-week-font-stack-tester.htm">Permalink</a> | <a href="http://clk.about.com/?zi=1/1hc&#038;zu=http://webdesign.about.com/b/2010/03/07/web-design-software-pick-of-the-week-font-stack-tester.htm#gB3">Comment</a> | <a href="http://webdesign.about.com/gi/pages/shareurl.htm?PG=http://webdesign.about.com/b/2010/03/07/web-design-software-pick-of-the-week-font-stack-tester.htm&#038;zItl=Web Design Software Pick of the Week: Font-Stack-Tester">Email this</a></p><br />Source: http://webdesign.about.com/b/2010/03/07/web-design-software-pick-of-the-week-font-stack-tester.htm