<?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>╭╰Original　Colors╯╮ - 认真工作 &#187; sIFR</title>
	<atom:link href="http://www.iros.me/tag/sifr/feed" rel="self" type="application/rss+xml" />
	<link>http://www.iros.me</link>
	<description>show the colorsssssss in my WORK</description>
	<lastBuildDate>Fri, 09 Sep 2011 06:29:08 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>工作回归，继续学习！~ 如何使页面显示精美的非默认字体</title>
		<link>http://www.iros.me/beautiful-web-typography.html</link>
		<comments>http://www.iros.me/beautiful-web-typography.html#comments</comments>
		<pubDate>Sun, 01 Feb 2009 08:13:12 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Stuuuuuuuudy]]></category>
		<category><![CDATA[FLIR]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[sIFR]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[字体]]></category>
		<category><![CDATA[插件]]></category>
		<category><![CDATA[显示]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=380</guid>
		<description><![CDATA[虽然说中文网站页面字体就不要想什么精不精美的问题了，8过接下来有国外的单子可以做，先做下准备~~ FontBurner 可以在其网站上的1000多种字体中选择你所需要的，获得的sIFR Code可以改变网站的默认字体样式，同时有 WP插件版本 wp-typogrify WordPress Plugin WP的插件，装上就好用，问题是基于Django framework，我一直是Jquery派啊&#124;&#124;&#124; Text 2 PNG Conversion 通过JS将标题或导航转换成相应字体显示的PNG图片，虽说所有文字都是可以转换的，不过，速度还是需要考虑的。。。 TTFTitles WordPress Plugin 同样是一款WP插件，非常多的可控制样式，字体和间距都可以的~~ Facelift Image Replacement (FLIR)S 将文字动态的转换为图片，各浏览器都兼容且SEO友好，WP插件 也有的 sIFR 2.0 sIFR (Scalable Inman Flash Replacement) 文字使用JS将文字转换为一个包含特殊字体的SWF文件，这个为原始版本，后出现了很多衍生版本，有更小却更强大的 sIFR lite ，也有 jQuery插件版本 typeface.js 无需将文字转换成图片或SWF，直接显示特殊样式字体，为要转换的文字添加class=&#8221;typeface-js&#8221;，你自己选定的字体可能需要在其网站上转换并重新下载 2009.11.10更新 在做新的网站 LaMalla ，用了美化标题，找了跟多几个WP插件，记下~ AnyFont 自己用的这个，还蛮好的，根据博客标题、日志标题、页面标题这样来分类设定样式，并不是所有的模版都适用，我用的时候首页无法直接显示出分类标题呢，手动做图的最后。。。 Wp Cufon 需结合.font.js来做，没试 Dynamic Font Replacement DFR4WP EN 貌似也方便的，不过标题好长，没试，作者主页看不懂，语言不通，官网上还是有说明的 关于页面字体显示的资料来源于 这里 [...]<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="4"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="使用Wordpress搭建中小型展示网站，公司篇~~ 问题+插件汇总" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fwordpress-websites.html&from=http%3A%2F%2Fwww.iros.me%2Fbeautiful-web-typography.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29583537.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">使用Wordpress搭建中小型展示网站，公司篇~~ 问题+插件汇总</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="[置顶] WordPress 主题插件修改 爬行记录（2011.1.19）" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fmy-wordpress-life.html&from=http%3A%2F%2Fwww.iros.me%2Fbeautiful-web-typography.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">[置顶] WordPress 主题插件修改 爬行记录（2011.1.19）</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="我自己做的Wordpress Test站大集合！~ WordPress是好物！~~" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fmy-wordpress-websites.html&from=http%3A%2F%2Fwww.iros.me%2Fbeautiful-web-typography.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29586156.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">我自己做的Wordpress Test站大集合！~ WordPress是好物！~~</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="我的又一个新站~ Cargo，数了一下这是自己做的第14个wordpress了哇。。。" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2F14th-wordpress-cargo.html&from=http%3A%2F%2Fwww.iros.me%2Fbeautiful-web-typography.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29587684.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">我的又一个新站~ Cargo，数了一下这是自己做的第14个wordpress了哇。。。</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>虽然说中文网站页面字体就不要想什么精不精美的问题了，8过接下来有国外的单子可以做，先做下准备~~</p>
<p><a  href="http://www.fontburner.com/">FontBurner</a></p>
<p>可以在其网站上的1000多种字体中选择你所需要的，获得的sIFR Code可以改变网站的默认字体样式，同时有 <a  href="http://wordpress.org/extend/plugins/font-burner-control-panel/" target="_blank">WP插件版本</a></p>
<p><span id="more-380" ></span><a  href="http://blog.hamstu.com/2007/05/31/web-typography-just-got-better/">wp-typogrify WordPress Plugin</a></p>
<p>WP的插件，装上就好用，问题是基于<a  href="http://www.djangoproject.com/">Django framework</a>，我一直是Jquery派啊|||</p>
<p><a  href="http://www.text2png.com/">Text 2 PNG Conversion</a></p>
<p>通过JS将标题或导航转换成相应字体显示的PNG图片，虽说所有文字都是可以转换的，不过，速度还是需要考虑的。。。</p>
<p><a  href="http://www.hostscope.com/wordpress-plugins/ttftitles-wordpress-plugin/">TTFTitles WordPress Plugin</a></p>
<p>同样是一款WP插件，非常多的可控制样式，字体和间距都可以的~~</p>
<p><a  href="http://facelift.mawhorter.net/">Facelift Image Replacement (FLIR)S</a></p>
<p>将文字动态的转换为图片，各浏览器都兼容且SEO友好，<a  href="http://wordpress.org/extend/plugins/facelift-image-replacement/" target="_blank">WP插件</a> 也有的</p>
<p><a  href="http://www.mikeindustries.com/blog/sifr/">sIFR 2.0</a></p>
<p>sIFR (Scalable Inman Flash Replacement) 文字使用JS将文字转换为一个包含特殊字体的SWF文件，这个为原始版本，后出现了很多衍生版本，有更小却更强大的 <a  href="http://www.allcrunchy.com/Web_Stuff/sIFR_lite/">sIFR lite</a> ，也有 <a  href="http://jquery.thewikies.com/sifr/">jQuery插件版本</a></p>
<p><a  href="http://typeface.neocracy.org/">typeface.js</a></p>
<p>无需将文字转换成图片或SWF，直接显示特殊样式字体，为要转换的文字添加<span class="inline-code" >class=&#8221;typeface-js&#8221;，你自己选定的字体可能需要在其网站上转换并重新下载</span></p>
<p><span class="inline-code" >2009.11.10更新</span></p>
<p><span class="inline-code" >在做新的网站 <a  href="http://www.originalcolors.cn/test/lamalla/" target="_blank">LaMalla</a> ，用了美化标题，找了跟多几个WP插件，记下~</span></p>
<p><span class="inline-code" ><a  href="http://wordpress.org/extend/plugins/anyfont/" target="_blank">AnyFont</a></span></p>
<p><span class="inline-code" >自己用的这个，还蛮好的，根据博客标题、日志标题、页面标题这样来分类设定样式，并不是所有的模版都适用，我用的时候首页无法直接显示出分类标题呢，手动做图的最后。。。</span></p>
<p><a  href="http://wordpress.org/extend/plugins/wp-cufon/" target="_blank">Wp Cufon</a></p>
<p><span class="inline-code" >需结合.font.js来做，没试</span></p>
<p><span class="inline-code" ><a  href="http://wordpress.org/extend/plugins/dynamic-font-replacement-4wp/" target="_blank">Dynamic Font Replacement DFR4WP EN</a></span></p>
<p><span class="inline-code" >貌似也方便的，不过标题好长，没试，作者主页看不懂，语言不通，官网上还是有说明的<br/>
</span></p>
<p><span class="inline-code" ><br/>
</span></p>
<blockquote><p>关于页面字体显示的资料来源于 <a  href="http://www.smashingmagazine.com/2009/01/27/css-typographic-tools-and-techniques/" target="_blank">这里</a> ，有兴趣的可以去好好深入学习~~</p></blockquote>
<table class="wumii-related-items"  cellspacing="0"  cellpadding="3"  border="0"  style="clear: both;" >
    
    <tr>
        <td colspan="4" ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;" >您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important;" >
                    <a  target="_blank" title="使用Wordpress搭建中小型展示网站，公司篇~~ 问题+插件汇总" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fwordpress-websites.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fbeautiful-web-typography.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29583537.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >使用Wordpress搭建中小型展示网站，公司篇~~ 问题+插件汇总</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="[置顶] WordPress 主题插件修改 爬行记录（2011.1.19）" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fmy-wordpress-life.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fbeautiful-web-typography.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/images/blogWidget/wordpress_default.gif"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >[置顶] WordPress 主题插件修改 爬行记录（2011.1.19）</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="我自己做的Wordpress Test站大集合！~ WordPress是好物！~~" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fmy-wordpress-websites.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fbeautiful-web-typography.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29586156.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >我自己做的Wordpress Test站大集合！~ WordPress是好物！~~</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="我的又一个新站~ Cargo，数了一下这是自己做的第14个wordpress了哇。。。" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2F14th-wordpress-cargo.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fbeautiful-web-typography.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29587684.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >我的又一个新站~ Cargo，数了一下这是自己做的第14个wordpress了哇。。。</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4"  align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1"  color="#bbbbbb"  style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;" >无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://www.iros.me/tag/flir" title="FLIR" rel="tag">FLIR</a>, <a href="http://www.iros.me/tag/plugin-2" title="plugin" rel="tag">plugin</a>, <a href="http://www.iros.me/tag/sifr" title="sIFR" rel="tag">sIFR</a>, <a href="http://www.iros.me/tag/typography" title="Typography" rel="tag">Typography</a>, <a href="http://www.iros.me/tag/wordpress" title="Wordpress" rel="tag">Wordpress</a>, <a href="http://www.iros.me/tag/%e5%ad%97%e4%bd%93" title="字体" rel="tag">字体</a>, <a href="http://www.iros.me/tag/%e6%8f%92%e4%bb%b6" title="插件" rel="tag">插件</a>, <a href="http://www.iros.me/tag/%e6%98%be%e7%a4%ba" title="显示" rel="tag">显示</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/beautiful-web-typography.html/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>

