<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>tail -f ZS64.log &#187; design</title>
	<atom:link href="http://blog.zs64.net/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.zs64.net</link>
	<description>Random Ramblings</description>
	<lastBuildDate>Mon, 23 Aug 2010 18:08:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Fonts are finally coming to the web</title>
		<link>http://blog.zs64.net/2009/07/fonts-are-finally-coming-to-the-web/</link>
		<comments>http://blog.zs64.net/2009/07/fonts-are-finally-coming-to-the-web/#comments</comments>
		<pubDate>Thu, 16 Jul 2009 20:19:41 +0000</pubDate>
		<dc:creator>stb</dc:creator>
				<category><![CDATA[web]]></category>
		<category><![CDATA[bookmark]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[freebsd]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://blog.zs64.net/?p=94</guid>
		<description><![CDATA[I have to admit that I didn&#8217;t follow developments too closely for the last couple of years, but I was rather surprised today to find that Safari 4, Firefox 3.5 and Internet Explorer 6 to 8 support downloadable TrueType fonts in a compatible and useful manner. Slashdot post, linked Slate article, nice overview page. A [...]]]></description>
			<content:encoded><![CDATA[<p>I have to admit that I didn&#8217;t follow developments too closely for the last couple of years, but I was rather surprised today to find that Safari 4, Firefox 3.5 and Internet Explorer 6 to 8 support downloadable TrueType fonts in a compatible and useful manner.</p>
<p><a href="http://tech.slashdot.org/story/09/07/16/1335256/Typography-On-the-Web-Gets-Different?art_pos=11">Slashdot post</a>, linked <a href="http://www.slate.com/id/2222745/">Slate article</a>, nice <a href="http://craigmod.com/journal/font-face/">overview page</a>.</p>
<p>A couple of things that are buried in the pages linked above, but which helped me to get up to speed:</p>
<ul>
<li><a href="http://code.google.com/p/ttf2eot/wiki/Demo">CSS rules</a>:</li>
</ul>
<blockquote>
<pre style="padding-left: 30px; "><span style="color: #000000;">&lt;style&gt;</span><span style="color: #000000;">
</span><span style="color: #000000;">@font</span><span style="color: #000000;">-</span><span style="color: #000000;">face </span><span style="color: #000000;">{</span><span style="color: #000000;">
    font</span><span style="color: #000000;">-</span><span style="color: #000000;">family</span><span style="color: #000000;">:</span><span style="color: #000000;"> </span><span style="color: #000000;">"testing"</span><span style="color: #000000;">;</span><span style="color: #000000;">
    src</span><span style="color: #000000;">:</span><span style="color: #000000;"> url</span><span style="color: #000000;">(</span><span style="color: #000000;">"output.ttf"</span><span style="color: #000000;">)</span><span style="color: #000000;"> format</span><span style="color: #000000;">(</span><span style="color: #000000;">"truetype"</span><span style="color: #000000;">);</span><span style="color: #000000;">
</span><span style="color: #000000;">}</span><span style="color: #000000;">
</span><span style="color: #000000;">&lt;/style&gt;</span><span style="color: #000000;">
</span><span style="color: #000000;">&lt;!--[if IE]&gt;
    &lt;style&gt;
    @font-face {
        font-family: "testing";
        src: url("output.eot");
    }
    &lt;/style&gt;
&lt;![endif]--&gt;</span><span style="color: #000000;">
</span><span style="color: #000000;">&lt;div</span><span style="color: #000000;"> </span><span style="color: #000000;">style</span><span style="color: #000000;">=</span><span style="color: #000000;">"</span><span style="color: #000000;">font</span><span style="color: #000000;">-</span><span style="color: #000000;">family</span><span style="color: #000000;">:</span><span style="color: #000000;"> testing</span><span style="color: #000000;">"</span><span style="color: #000000;">&gt;</span><span style="color: #000000;">
Hello, Multiple Browser World!
</span><span style="color: #000000;">&lt;/div&gt;</span></pre>
</blockquote>
<ul>
<li><a href="http://www.webfonts.info/wiki/index.php?title=Fonts_available_for_%40font-face_embedding">Fonts available free of charge or under free licenses</a></li>
<li><a href="http://code.google.com/p/ttf2eot/">Utility to convert TTF into EOT files</a> (should be available as a FreeBSD port as www/ttf2eot shortly)</li>
</ul>
<p>Now I just need to quickly build a WordPress and a MediaWiki template, and we&#8217;re all set <img src='http://blog.zs64.net/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<ul></ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.zs64.net/2009/07/fonts-are-finally-coming-to-the-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
