<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
  <channel>
    <title>CSS Evangelist's feed | Diigo Group</title>
    <link>http://groups.diigo.com/css/bookmark/tag/font+typography</link>
    <description>Bookmarks from CSS Evangelist tagged by font+typography</description>
    <pubDate>Fri, 25 Apr 2008 02:51:16 -0000</pubDate>
    <item>
      <title>5 Principles And Ideas Of Setting Type On The Web | How-To | Smashing Magazine</title>
      <link>http://www.smashingmagazine.com/2008/04/23/5-principles-and-ideas-of-setting-type-on-the-web</link>
      <description>&lt;p&gt;&lt;strong&gt;Tags:&lt;/strong&gt; &lt;a href=&quot;http://groups.diigo.com/css/bookmark/tag/design&quot;&gt;design&lt;/a&gt; &lt;a href=&quot;http://groups.diigo.com/css/bookmark/tag/font&quot;&gt;font&lt;/a&gt; &lt;a href=&quot;http://groups.diigo.com/css/bookmark/tag/fonts&quot;&gt;fonts&lt;/a&gt; &lt;a href=&quot;http://groups.diigo.com/css/bookmark/tag/inspiration&quot;&gt;inspiration&lt;/a&gt; &lt;a href=&quot;http://groups.diigo.com/css/bookmark/tag/typography&quot;&gt;typography&lt;/a&gt; &lt;a href=&quot;http://groups.diigo.com/css/bookmark/tag/web&quot;&gt;web&lt;/a&gt; &lt;a href=&quot;http://groups.diigo.com/css/bookmark/tag/webdesign&quot;&gt;webdesign&lt;/a&gt; &lt;/p&gt;&lt;p&gt;&lt;strong&gt;Posted by:&lt;/strong&gt; &lt;a href=&quot;http://groups.diigo.com/css/bookmark/fre_entity&quot;&gt;fre_entity&lt;/a&gt;&lt;/p&gt;</description>
      <pubDate>Fri, 25 Apr 2008 02:51:16 -0000</pubDate>
    </item>
    <item>
      <title>Common fonts to all versions of Windows &amp; Mac equivalents (Browser safe fonts) - Web design tips &amp; tricks </title>
      <link>http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html</link>
      <description>&lt;p&gt;&lt;strong&gt;Comments:&lt;/strong&gt;&lt;ul&gt;&lt;li&gt;Another thing to consider is that many Windows users have the Office suite or at least MS Word which comes with many fonts preslected for installation. Also look at the fonts used by OpenOffice and other popular opensource editors.&lt;br /&gt;&lt;br /&gt;These additional fonts are also good potential candidates for your font-family!&lt;br /&gt;&lt;br /&gt; &lt;small&gt;posted by &lt;a href=&quot;http://groups.diigo.com/css/bookmark/pabranch&quot;&gt;pabranch&lt;/a&gt;&lt;/small&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Tags:&lt;/strong&gt; &lt;a href=&quot;http://groups.diigo.com/css/bookmark/tag/cheatsheet&quot;&gt;cheatsheet&lt;/a&gt; &lt;a href=&quot;http://groups.diigo.com/css/bookmark/tag/design&quot;&gt;design&lt;/a&gt; &lt;a href=&quot;http://groups.diigo.com/css/bookmark/tag/dm3105&quot;&gt;dm3105&lt;/a&gt; &lt;a href=&quot;http://groups.diigo.com/css/bookmark/tag/font&quot;&gt;font&lt;/a&gt; &lt;a href=&quot;http://groups.diigo.com/css/bookmark/tag/reference&quot;&gt;reference&lt;/a&gt; &lt;a href=&quot;http://groups.diigo.com/css/bookmark/tag/typography&quot;&gt;typography&lt;/a&gt; &lt;a href=&quot;http://groups.diigo.com/css/bookmark/tag/web&quot;&gt;web&lt;/a&gt; &lt;/p&gt;&lt;p&gt;&lt;strong&gt;Posted by:&lt;/strong&gt; &lt;a href=&quot;http://groups.diigo.com/css/bookmark/pabranch&quot;&gt;pabranch&lt;/a&gt;&lt;/p&gt;</description>
      <pubDate>Mon, 11 Feb 2008 23:41:40 -0000</pubDate>
    </item>
    <item>
      <title>Five simple steps to better typography : Journal : Mark Boulton</title>
      <link>http://www.markboulton.co.uk/journal/comments/five_simple_steps_to_better_typography</link>
      <description>&lt;p&gt;&lt;strong&gt;Highlights and Sticky Notes:&lt;/strong&gt;&lt;p&gt;&lt;div class=&quot;content&quot;&gt;&lt;ul&gt;&lt;li&gt;One point = 1/72 of an inch&lt;/li&gt;
&lt;li&gt;One pica = 12 points&lt;/li&gt;
&lt;li&gt;One em = The distance &lt;strong&gt;horizontally&lt;/strong&gt; equal to the type size, in points, you are using. Eg. 1em of 12pt type is 12pt. (Thanks to Joe for correcting me on this.)&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/p&gt;&lt;p&gt;&lt;div class=&quot;content&quot;&gt;A general good rule of thumb is 2-3 alphabets in length, or &lt;strong&gt;52-78 characters (including spaces)&lt;/strong&gt;.&lt;/div&gt;&lt;ul&gt;&lt;li&gt;in one line &lt;small&gt;posted by &lt;a href=&quot;http://groups.diigo.com/css/bookmark/om19bao&quot;&gt;om19bao&lt;/a&gt;&lt;/small&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/p&gt;&lt;p&gt;&lt;div class=&quot;content&quot;&gt;Your leading should increase proportionally to your Measure. &lt;strong&gt;Small Measure, less leading. Wide Measure, more leading.&lt;/strong&gt;&lt;/div&gt;&lt;/p&gt;&lt;p&gt;&lt;div class=&quot;content&quot;&gt;When reversing colour out, eg white text on black, make sure you increase the leading, tracking and decrease your font-weight. This applies to all widths of Measure.&lt;/div&gt;&lt;ul&gt;&lt;li&gt;深色背景在视觉上拥有更大的对比度，更窄的行距。 &lt;small&gt;posted by &lt;a href=&quot;http://groups.diigo.com/css/bookmark/om19bao&quot;&gt;om19bao&lt;/a&gt;&lt;/small&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/p&gt;&lt;p&gt;&lt;p&gt;&lt;strong&gt;Tags:&lt;/strong&gt; &lt;a href=&quot;http://groups.diigo.com/css/bookmark/tag/font&quot;&gt;font&lt;/a&gt; &lt;a href=&quot;http://groups.diigo.com/css/bookmark/tag/typography&quot;&gt;typography&lt;/a&gt; &lt;/p&gt;&lt;p&gt;&lt;strong&gt;Posted by:&lt;/strong&gt; &lt;a href=&quot;http://groups.diigo.com/css/bookmark/om19bao&quot;&gt;om19bao&lt;/a&gt;&lt;/p&gt;</description>
      <pubDate>Thu, 01 Nov 2007 05:18:52 -0000</pubDate>
    </item>
  </channel>
</rss>