<?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>wlsy &#187; 字体</title>
	<atom:link href="http://wlsy.me/tag/%e5%ad%97%e4%bd%93/feed/" rel="self" type="application/rss+xml" />
	<link>http://wlsy.me</link>
	<description>当时的月亮 今天的阳光</description>
	<lastBuildDate>Tue, 24 Aug 2010 02:48:23 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>网页设计中的中英文字体</title>
		<link>http://wlsy.me/1362/</link>
		<comments>http://wlsy.me/1362/#comments</comments>
		<pubDate>Mon, 23 Feb 2009 15:07:34 +0000</pubDate>
		<dc:creator>wlsy</dc:creator>
				<category><![CDATA[Web前端]]></category>
		<category><![CDATA[字体]]></category>

		<guid isPermaLink="false">http://www.g9net.com/2009/02/23/web-design-in-chinese-and-english-font-size.html</guid>
		<description><![CDATA[喜欢wordpress的人很大一部分人是因为很多漂亮的主题，然而这份主题大部分都是为英文而考虑设计的，国人用起来难免有些别扭，有的甚至出现发虚现象，所以想说说一般网页上的中英文字体设计问题。

其实写这篇文章的还有个动力就是今天看到这种情况，看图：
 
这是什么情况？这是某人用的一款国外设计的主题在ff和ie下看到的情况。差距是明显的。它的字体设计的默认的大小是11px。而出现这种情况的根 本原因是IE显示定义小于11像素的中文字的时候，强制转换到12px，而firefox在这点上是没有限制的，从这点上我们了解到，要正常显示中文字体最好不要设计在12px以下，不然在跨浏览器下会出现发虚如上图情况。
在不影响阅读占用最小的英文字体大小是11px,那也是为什么一般的代码演示上和国外的设计师都比较喜欢用11px这个大 小，然后搬到中文上是行不通的，简单一点：如果看上某个国外主题：在css找到font-size:11px;改为font-size:12px;如果有 而且愿意的话。
关于一般情况下字体设计问题本来想长篇阔论的，不过有人写的比我好懂的也比我多，看看这篇你会有所收获的：
[教程] 谈谈网页设计中的字体应用 (4) 实战应用篇·下
然后说说我个人比较喜欢的字体设计样式：font:13px/160% &#8216;Microsoft YaHei&#8217;,'微软雅黑,&#8217;Microsoft JhengHei&#8217;,helvetica，Arial,Tahoma,Sans-Serif;
个人很喜欢把博客或个人网站的字体大小设为13px，企业网站设为12px，门户网站设为14px。而微软雅黑和微软正黑（这个主要应用在繁体上）最好的 显示效果是在vista上或开启Cleartype并装有雅黑（正黑）字体的系统且是液晶显示器的电脑上，因此：&#8217;Microsoft YaHei&#8217;,'微软雅黑,&#8217;Microsoft JhengHei&#8217;这段取舍自定。
友情提醒：“helvetica, arial”, Not “arial, helvetica”
]]></description>
			<content:encoded><![CDATA[<p><img style="display: inline; margin-left: 0px; margin-right: 0px" src="http://lh4.ggpht.com/_cZCuU2AQABo/SaKp7aI8lmI/AAAAAAAABrw/CVXkgLlIhz8/s.png?imgmax=800" alt="" align="left" />喜欢wordpress的人很大一部分人是因为很多漂亮的主题，然而这份主题大部分都是为英文而考虑设计的，国人用起来难免有些别扭，有的甚至出现发虚现象，所以想说说一般网页上的中英文字体设计问题。</p>
<p><span id="more-1362"></span></p>
<p>其实写这篇文章的还有个动力就是今天看到这种情况，看图：</p>
<p><img style="display: inline; margin-left: 0px; margin-right: 0px" src="http://lh4.ggpht.com/_cZCuU2AQABo/SaKsFTBk0MI/AAAAAAAABr0/8fQO6Og_8r8/sf.png?imgmax=800" alt="" align="left" /> <img style="margin: 0px 0px 0px 50px" src="http://lh6.ggpht.com/_cZCuU2AQABo/SaKsVK7fCyI/AAAAAAAABr4/v15fsFqRn4Q/%C2%92%C3%A6%C3%91.png?imgmax=800" alt="" width="262" height="195" /></p>
<p>这是什么情况？这是某人用的一款国外设计的主题在ff和ie下看到的情况。差距是明显的。它的字体设计的默认的大小是11px。而出现这种情况的根 本原因是IE显示定义小于11像素的中文字的时候，强制转换到12px，而firefox在这点上是没有限制的，从这点上我们了解到，<strong>要正常显示中文字体最好不要设计在12px以下</strong>，不然在跨浏览器下会出现发虚如上图情况。</p>
<p>在不影响阅读占用最小的英文字体大小是11px,那也是为什么一般的代码演示上和国外的设计师都比较喜欢用11px这个大 小，然后搬到中文上是行不通的，简单一点：如果看上某个国外主题：在css找到font-size:11px;改为font-size:12px;如果有 而且愿意的话。</p>
<p>关于一般情况下字体设计问题本来想长篇阔论的，不过有人写的比我好懂的也比我多，看看这篇你会有所收获的：</p>
<p><a href="http://www.cnblogs.com/ruxpinsp1/archive/2008/06/26/font-in-front-end-development-4.html" target="_blank">[教程] 谈谈网页设计中的字体应用 (4) 实战应用篇·下</a></p>
<p>然后说说我个人比较喜欢的字体设计样式：font:13px/160% &#8216;Microsoft YaHei&#8217;,'微软雅黑,&#8217;Microsoft JhengHei&#8217;,helvetica，Arial,Tahoma,Sans-Serif;<br />
个人很喜欢把博客或个人网站的字体大小设为13px，企业网站设为12px，门户网站设为14px。而微软雅黑和微软正黑（这个主要应用在繁体上）最好的 显示效果是在vista上或开启Cleartype并装有雅黑（正黑）字体的系统且是液晶显示器的电脑上，因此：&#8217;Microsoft YaHei&#8217;,'微软雅黑,&#8217;Microsoft JhengHei&#8217;这段取舍自定。</p>
<p>友情提醒：<a href="http://meiert.com/en/blog/20080220/helvetica-arial/">“helvetica, arial”, Not “arial, helvetica”</a></p>
]]></content:encoded>
			<wfw:commentRss>http://wlsy.me/1362/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>
