<?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>iokay &#187; 字体</title>
	<atom:link href="http://www.iokay.net/tag/%e5%ad%97%e4%bd%93/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.iokay.net</link>
	<description></description>
	<lastBuildDate>Sat, 13 Nov 2010 14:23:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>关于网页的字体排版</title>
		<link>http://www.iokay.net/web/css-web/web-font-design/</link>
		<comments>http://www.iokay.net/web/css-web/web-font-design/#comments</comments>
		<pubDate>Sat, 20 Mar 2010 08:43:28 +0000</pubDate>
		<dc:creator>controlsea</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[字体]]></category>
		<category><![CDATA[排版]]></category>

		<guid isPermaLink="false">http://www.iokay.net/?p=121</guid>
		<description><![CDATA[页面的字体排版其实是比较棘手的一件事情，本人刚开始在设计页面的时候，对于字体属性的选择一直定不下来，不过在经过了几次设计之后，也稍微做了些总结，现分析如下： 这是我对于比较正规的页面考虑采用的样式 font: 12px/1.5 Tahoma, Times New Roman,Helvetica,sans-serif; 字体大小采用px为单位, 而不采用em. 因为em的可用性提升其实是很有限的，加上现在主流浏览器都支持“全页面缩放（Full Page Zoom）”功能了，所以基本可以不用考虑用em来实现了。 行高采用1.5, 也就是18px. 我觉得这是比较符合大家视觉的，相对于12px字体，这个行高看起来非常舒服。 字体样式默认采用Tahoma. Tahoma是英文Windows操作系统的默认字体，这个字体比较均衡，显示中英文混排很不错，是经久耐看的一款字体。Tahoma是Matthew Carter为微软公司设计的一款字体，从Mac OS X 10.5开始，默认也捆绑了这款字体。但在Mac OS X 10.4及其之前的系统中，没有Tahoma字体。 而我将Times New Roman排在第二位，其实这款字体也是非常的耐看的，而且我觉得大家应该可以留意到，在我们用office word开始，这款字体就已经成为默认的英文字体了，可见其经典程度。所以我将其用来作为自己博客的logo字体。还有一款要推荐的字体就是看起来比Times New Roman更经典的系统默认字体,那就是Helvetica,这是一款已经超过50年历史的字体，在设计界的地位似乎无人能敌,大家可以参考这篇文章。已经其实我非常想将Helvetica放在首位的，不过，考虑到非Mac系统的Helvetica字体都是rip版，以及Windows的市场占有率，因此只能委屈Helvetica, 放在第三位了。 放在最后的sans-serif是针对强悍的Linux DIY族。Linux默认只有kernel, 字体完全由用户自定义，针对这部分用户，sans-serif可能能派上用场。 最后，无论在XP还是Vista、Win7下，不指定网页的中文字体时，默认就是宋体或是微软雅黑。因此font-family属性里的&#8217;宋体&#8217;是多余的，可以省去。]]></description>
			<content:encoded><![CDATA[<pre><img src="http://www.iokay.net/mypic/font_design.jpg" alt="" width="560" height="350" /></pre>
<p>页面的<span class='wp_keywordlink_affiliate'><a href="http://www.iokay.net/tag/%e5%ad%97%e4%bd%93/" title="查看 字体 中的全部文章" target="_blank">字体</a></span><span class='wp_keywordlink_affiliate'><a href="http://www.iokay.net/tag/%e6%8e%92%e7%89%88/" title="查看 排版 中的全部文章" target="_blank">排版</a></span>其实是比较棘手的一件事情，本人刚开始在设计页面的时候，对于<span class='wp_keywordlink_affiliate'><a href="http://www.iokay.net/tag/%e5%ad%97%e4%bd%93/" title="查看 字体 中的全部文章" target="_blank">字体</a></span>属性的选择一直定不下来，不过在经过了几次设计之后，也稍微做了些总结，现分析如下：</p>
<p>这是我对于比较正规的页面考虑采用的样式</p>
<h3>font: 12px/1.5 Tahoma, Times New Roman,Helvetica,sans-serif;</h3>
<ol>
<li>字体大小采用px为单位, 而不采用em. 因为em的可用性提升其实是很有限的，加上现在主流浏览器都支持“全页面缩放（<a href="https://developer.mozilla.org/en/Full_page_zoom" target="_blank">Full Page Zoom</a>）”功能了，所以基本可以不用考虑用em来实现了。</li>
<p></p>
<li>行高采用1.5, 也就是18px. 我觉得这是比较符合大家视觉的，相对于12px字体，这个行高看起来非常舒服。</li>
<p></p>
<li>字体样式默认采用<a href="zh.wikipedia.org/wiki/Tahoma" target="_blank">Tahoma</a>. <a href="zh.wikipedia.org/wiki/Tahoma" target="_blank">Tahoma</a>是英文Windows操作系统的默认字体，这个字体比较均衡，显示中英文混排很不错，是经久耐看的一款字体。<a href="zh.wikipedia.org/wiki/Tahoma" target="_blank">Tahoma</a>是<a href="www.graphic-design.com/Type/carter/" target="_blank">Matthew Carter</a>为微软公司设计的一款字体，从Mac OS X 10.5开始，默认也捆绑了这款字体。但在Mac OS X 10.4及其之前的系统中，没有Tahoma字体。</li>
<p></p>
<li>而我将<a href="zh.wikipedia.org/wiki/Times_New_Roman" target="_blank">Times New Roman</a>排在第二位，其实这款字体也是非常的耐看的，而且我觉得大家应该可以留意到，在我们用office word开始，这款字体就已经成为默认的英文字体了，可见其经典程度。所以我将其用来作为自己博客的logo字体。还有一款要推荐的字体就是看起来比<a href="zh.wikipedia.org/wiki/Times_New_Roman" target="_blank">Times New Roman</a>更经典的系统默认字体,那就是<a href="zh.wikipedia.org/wiki/Helvetica" target="_blank">Helvetica</a>,这是一款已经超过50年历史的字体，在设计界的地位似乎无人能敌,大家可以参考<a href="http://www.pconline.com.cn/pcedu/sj/design_area/excellent/0903/1600026.html" target="_blank">这篇文章</a>。已经其实我非常想将Helvetica放在首位的，不过，考虑到非Mac系统的<a href="zh.wikipedia.org/wiki/Helvetica" target="_blank">Helvetica</a>字体都是rip版，以及Windows的市场占有率，因此只能委屈Helvetica, 放在第三位了。<br />
放在最后的<a href="zh.wikipedia.org/wiki/无衬线体" target="_blank">sans-serif</a>是针对强悍的Linux DIY族。Linux默认只有kernel, 字体完全由用户自定义，针对这部分用户，<a href="zh.wikipedia.org/wiki/无衬线体" target="_blank">sans-serif</a>可能能派上用场。</li>
<p></p>
<li>最后，无论在XP还是Vista、Win7下，不指定网页的中文字体时，默认就是宋体或是微软雅黑。因此font-family属性里的&#8217;宋体&#8217;是多余的，可以省去。</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.iokay.net/web/css-web/web-font-design/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

