home *** CD-ROM | disk | FTP | other *** search
/ db.tidbits.com / db.tidbits.com.tar / db.tidbits.com / getbits.acgi?tbart=04228.orig < prev    next >
Text File  |  2010-09-23  |  47KB  |  794 lines

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2.         "http://www.w3.org/TR/html4/loose.dtd">
  3.  
  4. <html lang="en">
  5. <head>
  6.     <meta http-equiv="content-type" content="text/html;charset=utf-8">
  7.     <meta http-equiv="Content-Language" content="en">
  8.     <title>TidBITS : Better Typography Coming to a Screen Near You</title>
  9.  
  10.     <meta name="title" content="TidBITS : Better Typography Coming to a Screen Near You">
  11.     <meta name="description" content="TidBITS is a free email and Web publication covering the Macintosh Internet community.">
  12.     <link rel="image_src" href="/images/tblogo9.gif" />
  13.     <meta name="keywords" content="Apple, Mac, Macintosh, Mac OS, Mac OS X, newsletter, Internet, analysis, reviews, technology, news, TidBITS, TidBITS Talk, Engst">
  14.     <link rel="Help" href="http://www.tidbits.com/about/about-tidbits.html" title="About TidBITS">
  15.     <link rel="Search" href="http://www.tidbits.com/search/" title="Search All TidBITS Content">
  16.     <link rel="Author" href="http://www.tidbits.com/about/contact-info.html" title="Contact Information">
  17.     <link rel="Contents" href="tb-issues/" title="TidBITS Issue Archive">
  18.     <link rel="alternate" type="application/rss+xml" href="http://db.tidbits.com/feeds/tidbits.rss" title="TidBITS Full Text Feed">
  19.     <link rel="alternate" type="application/rss+xml" href="http://db.tidbits.com/commentfeeds/firehose.xml" title="TidBITS Full Comments Feed">
  20.  
  21.     <link rel="stylesheet" href="/tidbits_2010_001.css" type="text/css">
  22.     <LINK rel="stylesheet" type="text/css" media="print" href="/tb-new-print.css">
  23.     <script src="/javascript/tb.js" type="text/javascript"></script>
  24.     <meta name="viewport" content="width:940">
  25.     <script type='text/javascript' src='http://db.tidbits.com/ads/delivery/spcjs.php?id=2'></script>
  26.     <script src="/javascript/prototype.js" type="text/javascript"></script>
  27. <script src="/javascript/scriptaculous.js" type="text/javascript"></script>
  28. <script src="/js-global/FancyZoom.js" type="text/javascript"></script>
  29. <script src="/js-global/FancyZoomHTML.js" type="text/javascript"></script>
  30. <script type="text/javascript"  src="http://api.recaptcha.net/js/recaptcha_ajax.js"></script>
  31.  
  32. </head>
  33. <body onLoad="setupZoom()">
  34. <!-- popup query -->
  35. <div id="big_ole_background" style="display:none"> </div>
  36. <div id="tipbits_enclosure_preview" style="display:none">
  37. <div class="tearoffbox_wide_container">
  38. <div class="tearoffbox_wide_tips">
  39.  
  40. <div class="tip_display">
  41. <div class="preview">
  42. <h6><span id="p_tips_title"></span></h6>
  43. <p id="p_tips_text"></p>
  44. <p>Visit <a href="javascript:void(0)" id="p_url"><span id="p_label"></span></a></p>
  45. <p class="credit">Submitted by <span id="p_reader"></span></p>
  46. <p><input type="submit" value="Back" name="preview_tip" onClick="preview_box('ts','tipbits_enclosure_preview'); return false;"></p>
  47. </div>
  48. </div>
  49. <div class="tearoffbox_wide_bottom_tips">
  50. </div>
  51.  
  52. </div><!-- end tearoffbox_wide_tips -->
  53. </div><!-- end tearoffbox_wide_container for tips-->
  54. <!-- end tearoff box wide -->
  55. </div><!-- end enclosure -->
  56.  
  57. <div class="popup_box_with_captcha" id="ts" style="display:none">
  58.     <div id="popup_box_thanks" style="display:none" onClick="close_popup_thanks('popup_box_thanks', 'ts')"><br>Thanks for submitting your tip! All submissions are moderated by an editor before appearing online. We've reset the form so you can enter another tip. Or you can close the tip submission box.    <div class="x_close" id="thanks_upper_right"><a href="javascript:void(0)" onmousedown="close_popup_thanks('popup_box_thanks', 'ts'); return true;">Close</a></div></div>
  59.     <div class="tip_box_format">
  60.     <div id="ts_innards" onClick="close_popup_thanks('popup_box_thanks', 'ts')">
  61.         <div class="tip_box_head">TipBITS Submission</div>
  62.         <div class="tip_box_form">        
  63.                 
  64.             <div class="tbf_row" id="ts_message_box" style="display:none">
  65.                 <div class="tbf_wide"><div class="tbf_alert" id="ts_top_message"></div></div>
  66.             </div>
  67.             <div class="spacer"></div>
  68.  
  69.             <form action="foobar.cgi" method="get" name="submit_tip">
  70.  
  71.             <div class="tbf_row"><div class="tbf_wide_extra_top not_bold">Please submit only technical tips that will help other TidBITS readers better use their Macs, iPhones, and related software and hardware. All product announcements should be sent to <a href="mailto:releases@tidbits.com">releases@tidbits.com</a>.</div></div>
  72.             <div class="spacer"></div>
  73.             <div class="tbf_row">
  74.                 <div class="tbf_left">Tip title<span class="required_field">*</span></div><div class="tbf_right"><input type="text" value="" id="tip_title_id" name="tip_title" tabindex="1"></div>
  75.             </div>
  76.             <div class="spacer"></div>
  77.             <div class="tbf_row">
  78.                 <div class="tbf_left">Your tip<span class="required_field">*</span></div><div class="tbf_right"><textarea name="tip_text" rows="3" cols="40" tabindex="2"></textarea></div>
  79.             </div>
  80.             <div class="spacer"></div>
  81.             <div class="tbf_row">
  82.                 <div class="tbf_left">URL</div><div class="tbf_right"><input type="text" value="" name="tip_link_url" tabindex="3"><span class="tip_description"><br>Enter the URL to a Web page that supports your tip.</span></div>
  83.             </div>
  84.             <div class="spacer"></div>
  85.             <div class="tbf_row">
  86.                 <div class="tbf_left">Linked text</div><div class="tbf_right"><input type="text" value="" name="tip_link_label" tabindex="4"><span class="tip_description"><br>Enter the name of the page linked above.</span></div>
  87.             </div>
  88.             <div class="spacer"></div>
  89.             <div class="tbf_row">
  90.                 <div class="tbf_left">Your name<span class="required_field">*</span></div><div class="tbf_right"><input type="text" value="" name="tip_reader_name" tabindex="5"></div>
  91.             </div>
  92.             <div class="spacer"></div>
  93.             <div class="tbf_row">
  94.                 <div class="tbf_left">Your email<span class="required_field">*</span></div><div class="tbf_right"><input type="text" value="" name="tip_reader_email" tabindex="6"></div>
  95.             </div>
  96.             <div class="spacer"></div>
  97.             <div class="spacer"></div>
  98.                 <div class="tbf_wide"><span class="fine_print"><span class="required_field">* indicates required fields</span></span></div>
  99.             <div class="spacer"></div>
  100.             <div class="tbf_row">
  101.                 <div class="tbf_wide_extra_top"><span class="fine_print">To help us avoid automated posts and spam, please enter the words below.</span></div>
  102.             </div>
  103.             <div class="spacer"></div>
  104.             <div class="tbf_row">
  105.                 <div class="tbf_wide"><div id="ts_recaptcha"></div></div>
  106.             </div>
  107.             <div class="spacer"></div>
  108.             <div class="tbf_row">
  109.                 <div class="tbf_wide"><input type="submit" value="Preview Your Tip" name="preview_tip" onClick="fill_preview('tipbits_enclosure_preview', 'ts', this.form); return false;" tabindex="7"> <input type="submit" value="Send Us Your Tip!" name="submit_this_tip" onClick="handle_tip_submission('ts', '', this.form, 'tip'); return false;" tabindex="8"></div>
  110.             </div>
  111.             <div class="spacer"></div>
  112.             <div class="tbf_row">
  113.                 <div class="tbf_wide"><span class="fine_print">When you submit a tip, you give us permission to use it. Read <a href="javascript:void(0)" onClick="generic_show_hide('tip_terms')">our terms</a> for more details. All submissions are reviewed before publication.</span></div>
  114.             </div>
  115.             
  116.             <div class="tbf_row" id="tip_terms" style="display: none">
  117.                 <div class="tbf_wide"><span class="fine_print">Our terms: By submitting a tip, you agree to assign TidBITS Publishing Inc., a non-exclusive, worldwide, perpetual license to reproduce, publish, and distribute your tip in connection with the TidBITS Web site and associated products in any media. You agree that you created the content you submitted, and that you have the right to assign us this license. You give us permission to use your name, but your email address won't be publicly displayed or shared. We review all submissions before publication, and reserve the right to select which submissions we feel are appropriate for our readers and to edit those we publish.</span></div>
  118.             </div>
  119.             <div class="spacer"></div>
  120.             </form>
  121.         </div><!-- end tip_box_form -->
  122.     </div><!-- end tip box innards -->
  123.     </div><!-- end tip box format -->
  124.     
  125.     <div class="x_close" id="ts_upper_right"><a href="javascript:void(0)" onmousedown="HidePopupContent('ts', 'ts', ''); return true;">Close</a></div>
  126.     
  127. </div><!-- end tip_submit box-->
  128.  
  129. <div class="popup_box_with_captcha" id="article_reference" style="display:none"><div class="article_ref_format"><textarea style="width:350px; height:100px;" name="article_ref" id="article_ref_box"></textarea></div>    <div class="x_close" id="article_reference_upper_right"><a href="javascript:void(0)" onmousedown="HidePopupContent('article_reference', 'article_reference', ''); return true;">Close</a></div>
  130. </div>
  131.  
  132. <div class="popup_box_with_captcha" id="comm" style="display:none">
  133.     <div class="tip_box_format">
  134.     <div id="comment_thanks" style="display:none" onClick="close_popup_thanks('comment_thanks', 'comm')"><br>Thanks for submitting a comment! Please check your email for a link that, when clicked, will verify that you're a real person and cause your comment to appear immediately. <div class="x_close" id="comment_upper_right"><a href="javascript:void(0)" onmousedown="close_popup_thanks('comment_thanks', 'comm'); return true;">Close</a></div></div>
  135.     <div id="comm_innards" onClick="close_popup_thanks('comment_thanks', 'comm')">
  136.         <div class="tip_box_head" id="comm_headline">Post a Comment</div>
  137.         <div class="tip_box_form">        
  138.                 
  139.             <div class="tbf_row" id="comm_message_box" style="display:none">
  140.                 <div class="tbf_wide"><div class="tbf_alert" id="comm_top_message"></div></div>
  141.             </div>
  142.             <div class="spacer"></div>
  143.  
  144.             <form action="foobar.cgi" method="get" name="post_comment" id="post_comment">
  145.             <input type="hidden" name="comment_nest" value=''>
  146.             <input type="hidden" name="comment_id" value=''>
  147.             <input type="hidden" name="article_id" value='3143'>
  148.             <input type="hidden" name="edit" value=''>
  149.             <div class="tbf_row">
  150.                 <div class="tbf_left">In reply to</div>
  151.                 <div class="tbf_right">
  152.                     <div id="cb_quoted_row">
  153.                         <div class='cb_open_quote'>“</div>
  154.                         <div id="cb_quoted"></div>
  155.                         <div class='cb_close_quote'>”</div>
  156.                     </div>
  157.                     <div class="spacer"></div>
  158.                 </div>
  159.             </div>
  160.             <div class="spacer"></div>
  161.  
  162.             <div class="tbf_row">
  163.                 <div class="tbf_left" style="padding-top:0">Your comment</div>
  164.                 <div class="tbf_right"><textarea tabindex="1" name="cb_item_add" id="cb_item_add" rows="4" cols="50" onKeyDown="count_insert('cb_item_add','cb_char_count')"></textarea><br><div class="cb_char_count" id="cb_add_count">Remaining characters: <span id="cb_char_count">0</span></div></div>
  165.             </div>
  166.             <div class="spacer"></div>            
  167.  
  168.             <div class="tbf_row">
  169.                 <div class="tbf_left">Your name</div><div class="tbf_right" style="margin-top:8px"><input tabindex="2" type="text" value="" name="cb_add_name" id="cb_add_name" style="margin-top: -4px"></div>
  170.             </div>
  171.             <div class="spacer"></div>
  172.             
  173.             <div class="tbf_row">
  174.                 <div class="tbf_left">Your email</div><div class="tbf_right"><input tabindex="3" type="text" name="cb_add_email" id="cb_add_email"></div>
  175.             </div>
  176.             <div class="spacer"></div>
  177.             
  178.             <div class="tbf_row">
  179.                 <div class="tbf_left"> </div><div class="tbf_right"><input id="comm_post_comment" tabindex="4" type="submit" value="Post Comment" name="submit_this_comment" style="width:100px; float:right" onClick="cb_post_submit(); return false;"></div>
  180.             </div>
  181.             <div class="spacer"></div>
  182.             
  183.             <div class="tbf_row" id="comment_terms">
  184.                 <div class="tbf_wide"><span class="fine_print">Our terms: We reserve the right to edit or delete any comment, so please post thoughtfully. We use your email address <i>only</i> to send you a one-time verification message confirming that you posted this comment. We also store your address to allow you to verify using other Web browsers in the future. For more info, see our <a href="http://db.tidbits.com/privacy.html">privacy policy</a>.</span></div>
  185.             </div>
  186.             <div class="spacer"></div>
  187.  
  188.             </form>
  189.         </div><!-- end comm_form -->
  190.     </div><!-- end comm box innards -->
  191.     </div><!-- end comm box format -->
  192.     
  193.     <div class="x_close" id="comm_upper_right"><a href="javascript:void(0)" onmousedown="HidePopupContent('comm', 'comm', ''); return true;">Close</a></div>
  194.     
  195. </div><!-- end comm_submit box-->
  196.  
  197.  
  198. <!-- start mainbody -->
  199. <div id="mainbody">
  200.  
  201. <!-- start header -->
  202. <div id="header">
  203.  
  204.  
  205.  
  206.     <div id="tblogo">
  207.     <a href="/"><img src="/images/tblogo20_01.gif" alt="TidBITS: Apple News for the Rest of Us" width="177" height="84" border="0"></a>
  208.  
  209.     </div><!-- end tblogo -->
  210.  
  211.  
  212. <!-- leaderboard ad -->
  213. <div id="top_banner">
  214. <script type='text/javascript'><!--// <![CDATA[
  215.     OA_show(3);
  216. // ]]> --></script><noscript><a target='_blank' href='http://db.tidbits.com/ads/delivery/ck.php?n=TBe5f7021'><img border='0' alt='' src='http://db.tidbits.com/ads/delivery/avw.php?zoneid=3&n=TBe5f7021'></a></noscript>
  217. </div><!-- end top_banner style -->
  218. <!-- end leaderboard ad -->
  219.  
  220.  
  221. </div><!-- end header  -->
  222.  
  223.  
  224. <!-- start content_container -->
  225. <div id="content_container">
  226.  
  227.  
  228. <!-- begin leftcolumn -->
  229. <div id="leftcolumn">
  230.  
  231. <!-- begin leftnav /left navigation -->
  232. <div>
  233.     <ul class="leftnav">
  234.         <!-- start search -->
  235.         <li class="topcorner">
  236.             <form action="http://db.tidbits.com" method="POST" name="search_form"><input type="hidden" name="advanced_search" value=''><input type="text" name="search_text" size="8" maxlength="70" value="Search" onFocus="this.value=''" onBlur="if (this.value == '') { this.value = 'Search'; }"> <span style="margin: 0 5px 0 5px; vertical-align: -2px"><span style="vertical-align: -2px"><input type="image" name="submit_search" src="/images/go_search_button.gif"></span>  <img src="/images/adv_search_button.gif" title="Click for Advanced Search" onClick="var f = document.search_form; f.search_text.value =''; f.advanced_search.value = '1'; f.submit();"></span></form>
  237.         </li>
  238.     </ul>
  239. </div>
  240. <!-- end search -->
  241.  
  242. <!-- Get TidBITS box (temp) -->
  243. <div>
  244.     <ul class="leftnav">
  245.         <li class="gettb"><strong>Get TidBITS via...</strong></li>
  246.     
  247.         <li><a href="http://www.tidbits.com/list" title="Subscribe via email" class="gettb">Email <img src="/images/gettb_button_email.gif" width="12" height="12" border="0" class="nav_img" alt="Email subscription options"></a></li>
  248.         <li><a href="/feeds/tidbits.rss" title="Subscribe via RSS" class="gettb">RSS <img src="/images/feed-icon-12x12.gif" width="12" height="12" border="0" class="nav_img" alt="Subscribe via RSS"></a></li>
  249.         <li><a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewPodcast?id=276986548" title="Subscribe to the podcast" class="gettb">Podcast <img src="/images/feed-icon-12x12_podcast.gif" width="12" height="12" border="0" class="nav_img" alt="Subscribe to the postcast"></a></li>
  250.         <li><a href="http://www.twitter.com/TidBITS" title="Get Article Updates via Twitter" class="gettb">Twitter <img src="/images/feed_icon_12x12_twitter.png" width="12" height="12" border="0" class="nav_img" alt="Get Article Updates via Twitter"></a></li>
  251.         <li><a href="http://www.facebook.com/pages/TidBITS/195314925519" title="Go to the TidBITS Page at Facebook" class="gettb">Facebook <img src="/images/feed_icon_12x12_facebook.gif" width="12" height="12" border="0" class="nav_img" alt="Go to the TidBITS Page at Facebook"></a></li>
  252.     </ul>
  253. </div>
  254. <!-- end Get TidBITS box -->
  255.     
  256.     <ul class="leftnav">
  257.         <li><a href="/" class="tabhead">TidBITS Home</a></li>
  258.  
  259.         <li><a href="javascript:void(0)" title="Sections" class="tabhead" onClick="return showhide('articleslist')">Sections <span id="articleslist_triangle"><img src="/images/nav_triangle_open.gif" width="9" height="9" border="0" class="navtriangle" id="articleslist_tri_image" alt="Click to show or hide the contents of this section."></span></a></li>
  260.     
  261.     
  262.     </ul>
  263.  
  264. <div id="articleslist" style="display: none"><ul class="leftnav"><li><a href="/section/business" >Business Apps</a></li>
  265. <li><a href="/section/entertainment" >Entertainment</a></li>
  266. <li><a href="/section/links" >External Links</a></li>
  267. <li><a href="/section/home" >Home Macs</a></li>
  268. <li><a href="/section/inside" >Inside TidBITS</a></li>
  269. <li><a href="/section/iphone-ipad-ipod" >iPhone iPad iPod</a></li>
  270. <li><a href="/section/fun" >Just for Fun</a></li>
  271. <li><a href="/section/macs" >Macs & Mac OS X</a></li>
  272. <li><a href="/section/creative" >Media Creation</a></li>
  273. <li><a href="/section/net" >Networking</a></li>
  274. <li><a href="/section/opinion" >Opinion</a></li>
  275. <li><a href="/section/support" >Problem Solving</a></li>
  276. <li><a href="/section/security" >Safe Computing</a></li>
  277. <li><a href="/section/tech" >Tech News</a></li>
  278. <li><a href="/section/watchlist" >Watchlist</a></li>
  279. </ul></div>
  280.  
  281. <div>
  282. <ul class="leftnav">
  283.     <li><a href="javascript:void(0)" onClick="return showhide('stafflist')" title="Staff" class="tabhead">Staff <span id="stafflist_triangle"><img src="/images/nav_triangle_closed.gif" width="9" height="9" border="0" class="navtriangle" id="stafflist_tri_image" alt="Click to show or hide the contents of this section."></span></a></li>
  284. </ul>
  285. </div>
  286.  
  287. <div id="stafflist" style="display:block"><ul class="leftnav"><li><a href="/author/Adam+C+Engst" title="Adam Engst, Publisher">Adam Engst</a></li>
  288.     <li><a href="/author/Tonya+Engst" title="Tonya Engst, Editor in Chief">Tonya Engst</a></li>
  289.     <li><a href="/author/Jeff+Carlson" title="Jeff Carlson, Managing Editor">Jeff Carlson</a></li>
  290.     <li><a href="/author/Joe+Kissell" title="Joe Kissell, Senior Editor">Joe Kissell</a></li>
  291.     <li><a href="/author/Glenn+Fleishman" title="Glenn Fleishman, Contributing Editor">Glenn Fleishman</a></li>
  292.     <li><a href="/author/Mark+Anbinder" title="Mark Anbinder, Contributing Editor">Mark H. Anbinder</a></li>
  293.     <li><a href="/author/Matt+Neuburg" title="Matt Neuburg, Contributing Editor">Matt Neuburg</a></li>
  294.     <li><a href="/author/Rich+Mogull" title="Rich Mogull, Contributing Editor">Rich Mogull</a></li>
  295.     <li><a href="/author/Lex+Friedman" title="Lex Friedman, Staff Writer">Lex Friedman</a></li>
  296.     </ul>
  297.     </div>
  298.  
  299. <div>
  300. <ul class="leftnav">
  301.  
  302.     <li><a href="javascript:void(0)" title="Issues" class="tabhead" onClick="return showhide('issuelist')">Weekly Issues <span id="issuelist_triangle"><img src="/images/nav_triangle_closed.gif" width="9" height="9" border="0" class="navtriangle" id="issuelist_tri_image" alt="Click to show or hide the contents of this section."></span></a></li>
  303. </ul>
  304. </div>
  305.  
  306. <div id="issuelist" style="display:none"><ul class="leftnav"><li><div class="special"><form method="post" action="noaction.cgi" onsubmit="return false" id="issue_search_form" name="issue_search_form">Issue # <input type="text" onkeydown="if (event.keyCode == 13) { redirect_issue(this.form); }" id="issue_searchvalue" name="issue_number" style="width:35px; height: 10px"> <input onclick="redirect_issue(this.form)" type="image" name="submit_search" src="/images/go_search_button_blk.gif"></form></div></li><li><A HREF="/issue/407" >#407, 01 Dec 97</A></li>
  307. <li><A HREF="/issue/406" >#406, 24 Nov 97</A></li>
  308. <li><A HREF="/issue/405" >#405, 17 Nov 97</A></li>
  309. <li><A HREF="/issue/404" >#404, 10 Nov 97</A></li>
  310. <li><A HREF="/issue/403" >#403, 03 Nov 97</A></li>
  311. <li><A HREF="/issue/402" >#402, 27 Oct 97</A></li>
  312. <li><A HREF="/issue/401" >#401, 20 Oct 97</A></li>
  313. <li><A HREF="/issue/400" >#400, 06 Oct 97</A></li>
  314. <li><A HREF="/issue/399" >#399, 29 Sep 97</A></li>
  315.  
  316.  
  317. <li><a href="/backissues">Back Issues</a></li></ul></div>
  318.  
  319.  
  320. <div>
  321. <ul class="leftnav">
  322.  
  323.     <li><a href="/tidbitstalk" title="TidBITS Talk" class="tabhead">TidBITS Talk</a></li>
  324. </ul>
  325. </div>
  326.  
  327.  
  328.  
  329. <div>    
  330. <ul class="leftnav">
  331.     <li><a href="javascript:void(0)" onClick="return showhide('abouttidbits')" title="About TidBITS" class="tabhead">About TidBITS <span id="abouttidbits_triangle"><img src="/images/nav_triangle_closed.gif" width="9" height="9" border="0" class="navtriangle" id="abouttidbits_tri_image" alt="Click to show or hide the contents of this section."></span></a></li>
  332. </ul>
  333. </div>
  334.  
  335. <div id="abouttidbits" style="display:none">
  336. <ul class="leftnav"><li><a href="/about.html" title="About TidBITS">About Us</a></li><li><a href="/account.html" title="Account Help">Account Help</a></li><li><a href="/advertising.html" title="Advertise with TidBITS!">Advertise</a></li><li><a href="/contact.html" title="Contact Info">Contact</a></li><li><a href="/copyright.html" title="Copyright Terms">Copyright</a></li>
  337. </ul>
  338. </div>
  339.  
  340. <div>
  341. <ul class="leftnav">
  342. <li class="bottom"> </li>
  343. </ul>
  344. </div>
  345. <!-- end leftnav/left navigation -->
  346.  
  347. <!-- making sure nav elements hide/show before page loads --><script type="text/javascript"><!--
  348.     showhide('articleslist','show'); 
  349. // --></script>
  350.  
  351. <!-- begin sponsor_sidebox -->
  352.  
  353. <div class="sponsor_sidebox">
  354.  
  355. <ul>
  356.  
  357. <li><a href="http://nuance.com/dragon/mac">Nuance</a></li>
  358.  
  359. <li><a href="http://www.usefulfruit.com/tb">Useful Fruit</a></li>
  360.  
  361. <li><a href="http://crashplan.com/ref/tidbits.html">CrashPlan</a></li>
  362.  
  363. <li><a href="http://www.webcrossing.com/">Web Crossing</a></li>
  364.  
  365. <li><a href="http://www.smithmicro.com/tidbits">Smith Micro</a></li>
  366.  
  367. <li><a href="http://www.tidbits.com/about/support/contributors.html">Readers Like You!</a></li>
  368.  
  369. <li><a href="http://www.thedatarescuecenter.com/">The Data Rescue Center</a></li>
  370.  
  371. <li><a href="http://www.smilesoftware.com/">Smile</a></li>
  372.  
  373. <li><a href="http://markspace.com/bits?source=tidbits">Mark/Space</a></li>
  374.  
  375. <li><a href="http://macte.ch/conf_tidbits">MacTech Conference</a></li>
  376.  
  377. <li><a href="http://www.econtechnologies.com/tb">Econ Technologies</a></li>
  378.  
  379. </ul><div class='sponsor_sidebox_bottom'> </div>
  380. </div>
  381.  
  382.  
  383. <!-- end sponsor_sidebox -->
  384.  
  385.  
  386. </div> <!-- end leftcolumn div -->
  387.  
  388. <!-- end left column -->
  389.  
  390.  
  391. <!-- begin centercolumn_border -->
  392.  
  393. <div id="centercolumn_border">
  394.  
  395. <div class="center_top">Thoughtful, detailed coverage of the Mac, iPhone, and iPad, plus the best-selling <a href="http://www.takecontrolbooks.com/?pt=TB-TAGLINE" style="color:yellow">Take Control</a> ebooks.</div>
  396.  
  397. <!-- begin centercolumn -->
  398. <div id="centercolumn">
  399.  
  400.  
  401.  
  402. <!-- begin rightcolumn_container -->
  403. <div id="rightcolumn_container">
  404.  
  405. <!-- begin rightcolumn -->
  406.     <!-- rightcolumn is embedded within centercolumn so featured text wraps around it -->
  407.     <div id="rightcolumn">
  408.  
  409. <p class="top"> </p>
  410.  
  411.  
  412.  
  413.  
  414.  
  415.  
  416.  
  417.  
  418.  
  419.  
  420. <!-- Watchlist items -->
  421. <div class="tearoffbox_wide_container">
  422. <div class="tearoffbox_wide_watchlist">
  423. <p class="tearoffbox_wide_top_watchlist"> </p>
  424.  
  425. <h6><a href="/section/watchlist">TidBITS Watchlist</a></h6>
  426. <ul>
  427.  
  428. <LI><a href="/article/11625">Adobe Flash Player 10.1.85.3</a></LI>
  429.  
  430. <LI><a href="/article/11622">DEVONthink and DEVONnote 2.0.4</a></LI>
  431.  
  432. <LI><a href="/article/11620">Security Update 2010-006</a></LI>
  433.  
  434. <LI><a href="/article/11619">TinkerTool 4.2</a></LI>
  435.  
  436. <LI><a href="/article/11618">Mailplane 2.2</a></LI>
  437.  
  438. <LI><a href="/article/11617">Pro Applications Update 2010-02</a></LI>
  439.  
  440. <LI><a href="/article/11611">Dialectic 1.7</a></LI>
  441.  
  442. <LI><a href="/article/11604">Transmit 4.1.1</a></LI>
  443.  
  444. <LI><a href="/article/11603">MarsEdit 3.1.1</a></LI>
  445.  
  446. <LI><a href="/article/11600">Savescreenie 2.0</a></LI>
  447.  
  448. </ul>
  449.  
  450. <div class="tearoffbox_wide_bottom_watchlist"> </div>
  451.  
  452. </div><!-- end tearoffbox_wide -->
  453.  
  454. </div><!-- end tearoffbox_wide_container for watchlist items -->
  455.  
  456. <!-- begin tearoff box wide -->
  457.  
  458. <div class="tearoffbox_wide_container">
  459. <div class="tearoffbox_wide_tips">
  460.  
  461. <div class="tip_display">
  462. <div class="tips_sponsor_logo">
  463. <a href="http://www.microsoft.com/mac/"><img src="/images/sponsors/tearoffbox_wide_tips_logo_ms.gif" height="58" width="164" border="0" alt="sponsor logo"></a>
  464. </div>
  465. <h6>Data Tables in Microsoft Excel 2008</h6>
  466. <p><p>Data Tables let you see how the results of a formula change as its underlying variables change. After entering data, select the entire table and choose Data > Table. Then tell Excel which row input cell and column input cells you want the table to use. Finally, click OK. Excel will crunch the numbers and present a new Data Table.</p></p>
  467. <p>Visit <a href="http://www.officeformac.com/blog/Under-Appreciated-Excel-Feature-Of-The-Week--Data-Tables">Microsoft Mac Mojo blog</a></p>
  468. </div>
  469.  
  470. <div class="tearoffbox_wide_bottom_tips">
  471. <div style="padding-bottom:35px"><div class="tip_display" style="float:left"><p><br><a href="/tipbits/96">Link to this tip</a></p></div><div class="tip_display" style="float:right; width:150px">
  472. <p class="credit">Submitted by<br>Microsoft MacBU</p>
  473. </div></div>
  474.  
  475. </div>
  476.  
  477. <div class="tearoffbox_wide_tips_submit">
  478. <form method="post" onsubmit="return false" id="tipbits_form" name="tipbits_form" action="noaction.cgi"><p><a href="javascript:void(0)" onmousedown="ShowTipBox('ts','ts_recaptcha', 50, 'tip_title_id'); return true;">Share your own tip!</a> | <a href="javascript:void(0)" onClick="generic_show_hide('search_tipbits'); document.tipbits_form.tipbits_searchvalue.focus()">Search TipBITS</a></p>
  479. <p style="display:none" id="search_tipbits"><input type="text" onkeydown="if (event.keyCode == 13) { search_tipbits('tipbits_searchvalue'); }" id="tipbits_searchvalue" name="tipbits_searchvalue"> <a href="javascript:void(0)" onClick="search_tipbits('tipbits_searchvalue')">Search</a></p></form>
  480. </div>
  481. <div class="tearoffbox_wide_bottom_tips_submit">
  482.  
  483. </div>
  484.  
  485. </div><!-- end tearoffbox_wide_tips -->
  486. </div><!-- end tearoffbox_wide_container for tips-->
  487. <!-- end tearoff box wide -->
  488.  
  489.  
  490.  
  491. <!-- begin 300 x 250 ad -->
  492.  
  493. <div id="content_ad_square">
  494. <script type='text/javascript'><!--// <![CDATA[
  495.     OA_show(5);
  496. // ]]> --></script><noscript><a target='_blank' href='http://db.tidbits.com/ads/delivery/ck.php?n=TB7671f69'><img border='0' alt='' src='http://db.tidbits.com/ads/delivery/avw.php?zoneid=5&n=TB7671f69'></a></noscript>
  497. </div><!-- end 300 x 250 ad -->
  498.  
  499. <!-- TBTalk items -->
  500. <div class="tearoffbox_wide_container">
  501.  
  502. <div class="tearoffbox_wide_p">
  503. <p class="tearoffbox_wide_top_p"> </p>
  504.  
  505. <h5>Recent TidBITS Talk Discussions</h5>
  506. <ul>
  507.  
  508. <LI><a href="http://emperor.tidbits.com/webx?50@@.3cf95241">Alternatives to MobileMe for syncing calendars between iPad/Mac</a> (1 message)</LI>
  509.  
  510. <LI><a href="http://emperor.tidbits.com/webx?50@@.3cf94dbb">Free anti-virus for the Mac</a> (20 messages)</LI>
  511.  
  512. <LI><a href="http://emperor.tidbits.com/webx?50@@.3cf934e6">iTunes 10 syncing iPod Touch 4.1</a> (2 messages)</LI>
  513.  
  514. <LI><a href="http://emperor.tidbits.com/webx?50@@.3cf92a22">Thoughts about Ping</a> (16 messages)</LI>
  515.  
  516. </ul>
  517.  
  518. <div class="tearoffbox_wide_bottom_p"> </div>
  519.  
  520. </div><!-- end tearoffbox_wide -->
  521.  
  522. </div><!-- end tearoffbox_wide_container for TBtalk items -->
  523.  
  524. <!-- start takecontrol_ad -->
  525. <script type='text/javascript'><!--// <![CDATA[
  526.     OA_show(7);
  527. // ]]> --></script><noscript><a target='_blank' href='http://db.tidbits.com/ads/delivery/ck.php?n=TBe46d56f'><img border='0' alt='' src='http://db.tidbits.com/ads/delivery/avw.php?zoneid=7&n=TBe46d56f'></a></noscript><!-- end takecontrol_ad -->
  528.  
  529. <!-- begin tearoff box 2 -->
  530.  
  531. <div class="tearoffbox_wide_container">
  532.  
  533. <div class="tearoffbox_wide_p">
  534. <p class="tearoffbox_wide_top_p"> </p>
  535.  
  536. <h5>Related Articles</h5>
  537. <ul>
  538. <li><a href="/article/5773">A Quick Dip into Aqua, the Mac OS X Interface</a> (17 Jan 00)</li>
  539. <li><a href="/article/5462">Interest in Internet Faxing</a> (05 Jul 99)</li>
  540. <li><a href="/article/5173">Photoshop Update Tweaks Type, Color</a> (16 Nov 98)</li>
  541. <li><a href="/article/5170">Photoshop Update Tweaks Type, Color</a> (11 Nov 98)</li>
  542. <li><a href="/article/4291">Reversing Your View</a> (24 Nov 97)</li>
  543. <li><a href="/article/4273">Reversing Your View</a> (22 Nov 97)</li>
  544. <li><a href="/article/4269">Web Reading Requires More than Just Character(s)</a> (17 Nov 97)</li>
  545.  
  546. </ul>
  547.  
  548. <p class="tearoffbox_wide_bottom_p"> </p>
  549.  
  550. </div><!-- end tearoffbox_wide -->
  551. </div><!-- end tearoffbox_wide_container -->
  552.  
  553. <!-- end tearoff box 2 -->
  554.  
  555.  
  556.  
  557.  
  558.  
  559.  
  560.  
  561. <!-- begin tearoff box 1 -->
  562.  
  563. <div class="tearoffbox_wide_container">
  564.  
  565. <div class="tearoffbox_wide">
  566. <p class="tearoffbox_wide_top"> </p>
  567.  
  568. <h5>Published in <a href="/issue/403">TidBITS 403</a>.<br><a href="http://www.tidbits.com/list">Subscribe</a> to our weekly email edition.</h5>
  569. <ul>
  570. <li><A HREF="/article/4223">Aladdin Stuffs In More Features</A></li>
  571. <li><A HREF="/article/4224">Riven Arrival</A></li>
  572. <li><A HREF="/article/4225">GraphicConverter Turns 3.0</A></li>
  573. <li><A HREF="/article/4226">IDE Recommend Updating</A></li>
  574. <li><A HREF="/article/4227">Mirror, Mirror on the Internet: QuickestMirror</A></li>
  575.  
  576. </ul>
  577.  
  578. <p class="tearoffbox_wide_bottom"> </p>
  579.  
  580. </div><!-- end tearoffbox_wide -->
  581. </div><!-- end tearoffbox_wide_container -->
  582.  
  583. <!-- end tearoff box 1 -->
  584.  
  585.  
  586.  
  587.  
  588.  
  589.  
  590.  
  591. <div id="rightcolumn_bottom">
  592.  
  593. </div>
  594.  
  595.     </div><!-- end rightcolumn -->
  596.  
  597.  
  598. </div><!-- end rightcolumn_container -->
  599.  
  600.  
  601.  
  602. <!-- featured articles -->
  603.  
  604. <div id="center_ajax_sub" class="instapaper_body">
  605.  
  606. <!-- google_ad_section_start -->
  607.  
  608.  
  609.  
  610.  
  611.  
  612.  
  613.  
  614.  
  615.  
  616.  
  617.  
  618.  
  619.  
  620.  
  621.  
  622.  
  623.  
  624.  
  625.  
  626.  
  627. <!-- issue, article, or series -->
  628.  
  629.     
  630.     
  631.     
  632.     
  633.     
  634.         
  635.     <!-- show article(s) -->
  636.     <div class="article"><a name="3143"></a>
  637.     
  638. <!-- comment initialization routine as needed -->
  639. <div class="popup_box_with_captcha" id="hc_3143" style="display: none">
  640.     <div class="tip_box_format">
  641.     <div id="hc_innards_alt_3143" style="display: none">
  642.             <div class="tbf_row">
  643.                 <div class="tbf_wide_80" id="hc_small_response_3143"></div><div class="x_close_row" id="hc_upper_right1_3143"><a href="javascript:void(0)" onmousedown="HidePopupContent('hc_3143', 'hc', '3143'); return true;">Close</a></div>
  644.  
  645.             </div>
  646.     </div>
  647.     <div id="hc_innards_3143">
  648.         <div class="tip_box_form">        
  649.             <form action="foobar.cgi" method="get" name="check_human_3143">
  650.             <div class="tbf_row">
  651.                 <div class="tbf_wide_80" id="hc_rc_3143">To help us avoid automated posts and misuse of our site, please enter the words below.</div><div class="x_close_row" id="hc_upper_right2_3143"><a href="javascript:void(0)" onmousedown="HidePopupContent('hc_3143', 'hc', '3143'); return true;">Close</a></div>
  652.  
  653.             </div>
  654.             <div class="spacer"></div>
  655.             <div class="tbf_row" id="hc_message_box_3143" style="display:none">
  656.                 <div class="tbf_wide"><div class="tbf_alert" id="hc_top_message_3143"></div></div>
  657.             </div>
  658.             <div class="spacer"></div>
  659.             <div class="tbf_row">
  660.                 <div class="tbf_wide"><div id="hc_recaptcha_3143"></div></div>
  661.             </div>
  662.             <div class="spacer"></div>
  663.             <div class="tbf_row">
  664.                 <div class="tbf_wide"><input type="submit" value="Submit" name="submit_this_tip" onClick="handle_tip_submission('hc', '3143', this.form, this.form.submit_type.value); return false;"><input name="calling_routine" type="hidden"><input type="hidden" name="getbits" value="4228"><input type="hidden" name="author_id"><input type="hidden" name="submit_type" value=""></div>
  665.             </div>
  666.             <div class="spacer"></div>
  667.             </form>
  668.         </div><!-- end tip_box_form -->
  669.     </div><!-- end hum box innards -->
  670.     </div><!-- end tip box format -->
  671. </div><!-- end tip_submit box-->
  672.  
  673.  
  674.  
  675.         
  676.         
  677.         <!-- specific article details here -->
  678.         
  679.         
  680.             
  681.         
  682.     
  683.         <article_link><script type="text/javascript">open_if_linked('')</script></article_link>
  684.         
  685.         <div class="featured_meta"><div class="meta_article">03 Nov 1997 | <a href="/article/4228?print_version=1">Print <span class="shift_up"><img src="/images/printer_icon.gif" alt="Printer-Friendly Version of This Article" border="0" width="9" height="10"></span></a></div></div>
  686.  
  687.         <H2>Better Typography Coming to a Screen Near You</H2>
  688.  
  689.         <p class="byline">by <a href="/author/Jeff%20Carlson">Jeff Carlson</a> <a href="javascript:void(0)" onClick="document.check_human_3143.submit_type.value='email'; document.check_human_3143.author_id.value='17'; ShowTipBox('hc_3143', 'hc_recaptcha_3143')"><span class="shift_down"><img src="/images/gettb_button_email.gif" height="12" width="12" border="0" alt="Send Email to Author"></span></a></P>
  690.  
  691.         <!-- article text -->
  692.         
  693.         <div id="article_box_3143"><P>Despite the many advantages of electronic publishing - it's relatively cheap, the potential audience is vast, content delivery can happen instantaneously - I am continually surprised at how many people still print hard copies of their email and Web pages. The electronic revolution was supposed to save us from the bulk and waste of publishing onto sheets of dead, cut up trees, yet people still lug around armloads of printouts. Why? Because reading text onscreen can still be a difficult, even painful, process.</P><P>Anyone who works with large amounts of text on a computer is familiar with the bloodshot eyes and strain that come with reading from a computer monitor. It's estimated that 10 million cases of computer-related eyestrain are seen by optometrists each year. Until recently, options for improving onscreen typography have been limited. Now that people are spending more hours reading from the Web, new approaches and technologies are emerging to tackle a problem that's become a pain in the eyes.</P><P><STRONG>No Time for Times</STRONG> -- I'll say it here and stick to my guns: 12-point Times is lousy for onscreen reading. Most Web browsers use 12-point Times as their default font, and although it looks great when printed, millions of people are reading themselves into fits of headaches and eyestrain because of it. To alleviate this, vendors are finally beginning to develop screen-friendly fonts designed expressly for viewing on monitors. For example, Adobe and Bitstream have just released a $50 set of Web fonts including Myriad Web, Minion Web, and Caflish Script Web; Microsoft's Typography Web page offers free downloads of fonts such as Georgia, Verdana, and Trebuchet (which are also bundled with new versions of Windows and Internet Explorer). [I've become a great fan of setting my browsers's default font to Comic Sans MS, another freebie font from Microsoft. -Tonya];</P><P><<A HREF="http://www.microsoft.com/typography/">http://www.microsoft.com/typography/</A>><BR><<A HREF="http://www.adobe.com/prodindex/webtype/details.html">http://www.adobe.com/prodindex/webtype/ details.html</A>></P><P>Other good alternatives are Apple's venerable "city" fonts, such as Monaco, Chicago, New York (my favorite), Geneva, and - abandoning the city connection - Charcoal, which ships with Mac OS 8. Newer versions of Adobe Type Manager (ATM), a long-time staple for those who work with PostScript fonts regularly, offers the ability to anti-alias screen type on the fly, removing the "jagginess" of bitmap fonts (more on this later).</P><P><<A HREF="http://www.adobe.com/prodindex/atm/main.html">http://www.adobe.com/prodindex/atm/main.html</A>></P><P><STRONG>Types of Type</STRONG> -- The Mac OS currently uses three basic varieties of fonts: bitmap, PostScript, and TrueType. Bitmaps are tiny images comprised of nothing more than the pixels to be displayed on screen. Although they're the least flexible when printing, bitmaps are the best option for onscreen typography because they're created at screen resolution (72 dots per inch) and computers can display them very quickly. Bitmap fonts usually reside in the font suitcases scattered in your System Folder's Fonts folder. Poking around in one will reveal that bitmaps exist only for specific sizes, which is why you often find several versions of a font within a given suitcase. The Mac OS can display bitmap fonts in sizes you don't have available, but they'll usually be blocky since the computer is actually showing a distorted version of a smaller bitmap you do have installed.</P><P>PostScript fonts (sometimes referred to as Type 1 or Type 3 fonts) were developed by Adobe and debuted for Macintosh users when the first LaserWriters appeared. Unlike bitmap fonts, PostScript fonts are "resolution independent" because they're made up of mathematical representations of the outline for each character in a font. When you use a PostScript font, those representations scale to whatever resolution the output device - like a laser printer, imagesetter, or monitor - can handle, either via a PostScript interpreter in your computer or printer, or (most commonly on Macs) to the screen via ATM. However, on your hard disk, PostScript fonts are typically paired with bitmap versions of the same font in common sizes because - remember - bitmap fonts are generally designed for the screen and can be displayed very quickly.</P><P>The last type of font, TrueType, is also a resolution-independent, mathematical way of representing type, and (like PostScript fonts) TrueType fonts are often paired with common sizes of bitmap fonts for fast onscreen display. Developed by Apple and Microsoft (and shipping with the Mac OS and Windows for many years), TrueType allows high-resolution output on the screen and to printers without requiring a PostScript interpreter or ATM. That's why StyleWriters and other non-PostScript printers can create high-quality text output with TrueType fonts. Although TrueType is widely deployed on personal computers, it hasn't been widely adopted in the publishing world, since it's not directly supported by many high-end printers and imagesetters.</P><P><STRONG>Hinting at Something Better</STRONG> -- With all this technology at our disposal, why is reading text onscreen still such a chore? For the most part, Macintosh typography has been focused on printing; once ATM solved the problem of jaggy text onscreen, type was readable enough to work with in word processors and page-layout applications. Font foundries concentrated on creating new typefaces and styles, knowing that most reading would be done on paper. This is not to say that screen fonts were neglected - a great deal of effort goes into creating bitmaps that accurately match the weight, spacing, and character of each font. However, the impetus has most often been to provide a closer correlation between screen and paper versions, rather than to provide onscreen legibility.</P><P>To create a font specifically for onscreen viewing, typographers pay close attention things like hinting and kerning. If you compare Times to Georgia, for example, you'll see that Georgia's letter spacing makes it more readable. None of the characters end up smashed against each other or pulled apart disproportionately, a frequent consequence when your Mac generates bitmaps on the fly (especially when viewing nonstandard sizes such as 13 or 15 points).</P><P>Another important aspect is the clarity of a font's x-height, or the height of lower-case letters like x, a, or e. If the pixels in the loops that close an "e" or round out an "a" crunch together, your eyes must work harder to discern words, which quickly leads to eyestrain. Words like "faeries" or "earwax" for example, can interrupt your flow of reading if the characters aren't clearly defined.</P><P><STRONG>Anti-Aliasing Brings Fuzzy Clarity</STRONG> -- Using Web fonts is probably your best bet for readable type; however, only about a dozen typefaces are currently optimized for onscreen use. Plus, if you're like me, you already have a ton of fonts installed and may not want (or be able to afford) new sets of typefaces.</P><P>As a solution, software developers have come up with ways to anti-alias all fonts displayed onscreen. Anti-aliasing is a method of smoothing a font's jagged edges by slightly blending the font's pixels into the background color behind the type. ATM 4.0 provides a Smooth Font Edges on Screen option; the shareware program SmoothType also provides this ability. The downside of this approach, however, is that text at small sizes tends to look slightly fuzzy or out of focus, which could contribute to eyestrain.</P><P><<A HREF="http://greg.math.harvard.edu/smoothtype.html">http://greg.math.harvard.edu/smoothtype.html</A>></P><P><STRONG>Making It Work</STRONG> -- There are a few things you can do to set up your fonts for better online reading. If you've been using the Mac for a while, you may be sick to death of the various city fonts I mentioned earlier. If that's the case, I strongly recommend you play with Charcoal or check into the font packs such as those from Microsoft and Adobe noted earlier.</P><P>If your Mac runs Mac OS 7.x, you can specify a screen-friendly font for your desktop by choosing a font in the Views control panel. If you use Mac OS 8, choose Preferences from the Finder's Edit menu to change the font of file and folder names; choose a font in the Appearance control panel to modify the font used in menu bars and dialog boxes.</P><P>Selecting a new default font for a Web browser is a phenomenon equivalent to setting the clock on a VCR: anyone can do it, but most people tend not to bother. To break out of that stereotype, select a screen-friendly typeface in the Language/Fonts window of Internet Explorer's Preferences dialog box, or change the font in Netscape Navigator's General Preferences dialog box. While you're setting preferences, you might as well change the default home page to something besides the default, such as:</P><P><<A HREF="http://www.tidbits.com/">http://www.tidbits.com/</A>></P><P><STRONG>Font Futures</STRONG> -- Even if you change the default font of your browser, many Web sites today specify other fonts by using the <FONT> tag or Cascading Style Sheets, though you can also typically set preferences for whether you want your default font to override these fonts. However, it's become an informal standard among Web designers to use only the handful of fonts that ship with both the Mac OS and Windows, which helps ensure that a desired effect (usually using a sans-serif font instead of a default serif font) will work in most browsers.</P><P>Two technologies are emerging that will enable your browser to download fonts as needed: OpenType and TrueDoc. Essentially, OpenType will be a convergence of PostScript and TrueType font technologies, although it currently only supports TrueType. The advantage for Web publishing, though, is that it allows for OpenType embedding, whereby font information is stored on a Web site and accessed by your browser just as graphics and text are downloaded and viewed. To allay the security concerns of font development companies, OpenType fonts can be protected with an "embedding bit" that can be set to No Embedding, Installable, Editable, and Print and Preview. As of this writing, however, a security flaw has been found in the Windows version of Internet Explorer 4, allowing users to grab fonts from a site to use on their computer.</P><P><<A HREF="http://news.i-us.com/wire/wire.htm">http://news.i-us.com/wire/wire.htm</A>></P><P>Netscape's and Bitstream's TrueDoc technology (also known as Dynamic Fonts) takes a similar approach to embedding font information, but instead of accessing a font object at the Web site's source, it sends a Portable Font Resource file that stores only the information needed to display the used characters in the font correctly. Using a feature called direct rendering, the text is used only in the browser's window and not stored on a user's hard disk.</P><P><<A HREF="http://www.bitstream.com/truedoc.htm">http://www.bitstream.com/truedoc.htm</A>></P><P>Both approaches, in addition to providing varying levels of security to avoid font pirating, also include techniques to compress dramatically the font information and minimize the time it takes to download (Microsoft has claimed compression gains of 75 to 99 percent in some cases).</P><P><STRONG>Just My Type</STRONG> -- One of the most visible results of the Macintosh and personal computer revolutions has been the ability to use the thousands of different available typefaces in documents. Slowly, that ability is coming to the Web and a screen near you, bringing with it the realization that there are ways to display text onscreen that won't make you see red.</P><!-- Better Typography Coming to a Screen Near You Jeff Carlson --></div>
  694.         
  695.  
  696.         <!-- end article text -->
  697.     
  698.         
  699.         <!-- PayBITS -->
  700.         
  701.  
  702.         
  703. <p> </p><div class="sponsorbox">
  704. <div class="sponsortext"><A HREF="http://www.smilesoftware.com/"><IMG SRC="http://db.tidbits.com/images/badges/SmileLogo2010-50x50.gif" ALT="" HEIGHT="50" WIDTH="50" BORDER="0" ALIGN="left"></A>Get more productive with software from Smile: PDFpen for<br />editing PDFs; TextExpander for saving time and keystrokes while you<br />type; DiscLabel for designing CD/DVD labels and inserts. Free demos,
  705. <br />fast and friendly customer support. <<a href="http://www.smilesoftware.com/">http://www.smilesoftware.com/</a>></div>
  706. </div>
  707. <div class="sponsorbox_bottom"> </div>
  708.  
  709.  
  710.         <!-- comments section -->
  711.         
  712.         <!-- end comment show-->
  713.         
  714.         <!-- end comments section -->
  715.  
  716.  
  717.         <!-- end article loop details -->
  718.         
  719.         
  720.  
  721.         
  722.     </div><!-- end show article -->
  723.     
  724.     
  725.  
  726.  
  727. <!-- article_plus end -->
  728. <!--
  729. </DIV>
  730. --><!-- end main_column DIV -->
  731.  
  732.  
  733. <!-- google_ad_section_end -->
  734.  
  735. </div><!-- end center AJAX insert -->
  736.  
  737. <!-- TipBITS Search Results Lozenge -->
  738. <div id="tipbits_results_loz" style="display:none">
  739. <form method="post" onsubmit="return false" id="tipbits_form_loz" name="tipbits_form_loz" action="noaction.cgi">
  740. <div class="tip_footer">
  741. <p id="search_tipbits_loz"><input type="text" onkeydown="if (event.keyCode == 13) { search_tipbits('tipbits_searchvalue_loz', 'tipbits_results_loz'); }" id="tipbits_searchvalue_loz" name="tipbits_searchvalue_loz"> <a href="javascript:void(0)" onClick="search_tipbits('tipbits_searchvalue_loz', 'tipbits_results_loz')">Search</a></p>
  742. </div>
  743. <div class="tip_footer_bottom">
  744.  </div>
  745. </form>
  746. </div><!-- end TipBITS Search Results lozenge -->
  747.  
  748.  
  749.  
  750.  
  751. <!-- begin footer -->
  752. <div id="footer">
  753.  
  754. <div id="qr_tag_right"><div id="qr_tag_image"><img src="http://db.tidbits.com/tags/4228.png"></div><div id="qr_tag_text"><a href="http://db.tidbits.com/article/10616">What's this image?</a></div></div>
  755. <p>Special thanks to <a href="http://www.forest.net/">digital.forest</a>, our
  756. Web and mailing list host.</p>
  757. <p>Unless otherwise noted, this article is copyright © 1997 <a href="/author/Jeff%20Carlson">Jeff Carlson</a></p>
  758. <p>TidBITS is copyright © 2010 TidBITS Publishing Inc.</p>
  759. <p>Reuse governed by <a href="http://www.tidbits.com/terms/">Creative Commons License</a>.</p>
  760.  
  761. <p><a href="/about.html" title="About TidBITS">About TidBITS</a> | <a href="/account.html" title="Account Help">Account Help</a> | <a href="/advertising.html" title="Advertise with TidBITS!">Advertise with TidBITS!</a> | <a href="/contact.html" title="Contact Info">Contact Info</a> | <a href="/copyright.html" title="Copyright Terms">Copyright Terms</a></p>
  762.  
  763. </div><!-- end footer -->
  764.  
  765.  
  766. </div> <!-- end centercolumn -->
  767.  
  768. <div class="center_bottom"> </div>
  769.  
  770. </div> <!-- end centercolumn_border -->
  771.  
  772.  
  773. </div> <!-- end content_container -->
  774.  
  775. </div> <!-- end mainbody -->
  776.  
  777.  
  778. <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
  779. </script>
  780. <script type="text/javascript">
  781. _uacct = "UA-276924-3";
  782. urchinTracker();
  783. </script>
  784. <script type="text/javascript"
  785. src="http://tidbitscom.skimlinks.com/api/skimlinks.js"></script>
  786. <script type="text/javascript">
  787. var skimlinks_pub_id = '2559X585851';
  788. var skimlinks_domain = 'go.tidbits.com';
  789. skimlinks();
  790. </script>
  791. </body>
  792. </html>
  793.  
  794.