<?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>omiga &#187; font-family</title>
	<atom:link href="http://omiga.org/blog/archives/tag/font-family/feed" rel="self" type="application/rss+xml" />
	<link>http://omiga.org/blog</link>
	<description>两只老虎，两只老虎，跑得快，跑得快～···</description>
	<lastBuildDate>Fri, 20 Aug 2010 16:28:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Firefox，Opera不支持通用字体系列名定义</title>
		<link>http://omiga.org/blog/archives/448</link>
		<comments>http://omiga.org/blog/archives/448#comments</comments>
		<pubDate>Mon, 13 Oct 2008 04:27:07 +0000</pubDate>
		<dc:creator>omiga</dc:creator>
				<category><![CDATA[front-end]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[font-family]]></category>
		<category><![CDATA[opera]]></category>

		<guid isPermaLink="false">http://omiga.org/blog/?p=448</guid>
		<description><![CDATA[为了保证页面字体的通用和兼容性，通常都会为字体设置一个字体系列，而且往往会在最后加上该类别字体的通用字体系列名。如： p{font-family:Arial, Helvetica, sans-serif;} h1{font-family:"Times New Roman", Times, serif;} pre{font-family:"Courier New", Courier, monospace;} 但是事实证明Firefox和Opera并不支持通用字体系列名称的字体定义！事实说明一切～ 2008-10-14日更新 非常感谢Csineneo的留言，Firefox和Opera必须手动设置通用字体方可生效！但是我仍然有一点疑问，不管是FF还是Opera这个过程都无疑增加了用户的使用难度，而且用户“不准确”的设置必然影响页面的显示效果，毕竟不是所有的用户都知道哪些字体属于衬线字体，哪些字体属于非衬线字体，哪些字体属于等宽字体～···难道FF和Opera无法自动选择合适的通用字体？ 附：List Of Web Safe Fonts 相关日志玩转EditPlus纯CSS实现IE6 max-width谁疯了？IE8还蛮拉风的CSS Naked Day 2009 © omiga for omiga, 2008. &#124; Permalink &#124; 4 comments &#124; Add to del.icio.us Post tags: css, firefox, font, font-family, opera]]></description>
			<content:encoded><![CDATA[<p>为了保证页面字体的通用和兼容性，通常都会为字体设置一个字体系列，而且往往会在最后加上该类别字体的通用字体系列名。如：</p>
<pre>p{font-family:Arial, Helvetica, sans-serif;}
h1{font-family:"Times New Roman", Times, serif;}
pre{font-family:"Courier New", Courier, monospace;}</pre>
<p>但是事实证明Firefox和Opera并不支持通用字体系列名称的字体定义！<a href="http://omiga.org/lab/generic_family.html" target="_blank">事实说明一切</a>～</p>
<p><strong>2008-10-14日更新</strong></p>
<p>非常感谢Csineneo的留言，Firefox和Opera必须手动设置通用字体方可生效！但是我仍然有一点疑问，不管是FF还是Opera这个过程都无疑增加了用户的使用难度，而且用户“不准确”的设置必然影响页面的显示效果，毕竟不是所有的用户都知道哪些字体属于衬线字体，哪些字体属于非衬线字体，哪些字体属于等宽字体～···难道FF和Opera无法自动选择合适的通用字体？</p>
<p>附：<a href="http://www.fonttester.com/help/list_of_web_safe_fonts.html" target="_blank">List Of Web Safe Fonts</a></p>
<h3  class="related_post_title">相关日志</h3><ul class="related_post"><li><a href="http://omiga.org/blog/archives/1245" title="玩转EditPlus">玩转EditPlus</a></li><li><a href="http://omiga.org/blog/archives/1224" title="纯CSS实现IE6 max-width">纯CSS实现IE6 max-width</a></li><li><a href="http://omiga.org/blog/archives/1160" title="谁疯了？">谁疯了？</a></li><li><a href="http://omiga.org/blog/archives/1007" title="IE8还蛮拉风的">IE8还蛮拉风的</a></li><li><a href="http://omiga.org/blog/archives/1003" title="CSS Naked Day 2009">CSS Naked Day 2009</a></li></ul><hr />
<p><small>© omiga for <a href="http://omiga.org/blog">omiga</a>, 2008. |
<a href="http://omiga.org/blog/archives/448">Permalink</a> |
<a href="http://omiga.org/blog/archives/448#comments">4 comments</a> |
Add to
<a href="http://del.icio.us/post?url=http://omiga.org/blog/archives/448&title=Firefox，Opera不支持通用字体系列名定义">del.icio.us</a>
<br/>
Post tags: <a href="http://omiga.org/blog/archives/tag/css" rel="tag">css</a>, <a href="http://omiga.org/blog/archives/tag/firefox" rel="tag">firefox</a>, <a href="http://omiga.org/blog/archives/tag/font" rel="tag">font</a>, <a href="http://omiga.org/blog/archives/tag/font-family" rel="tag">font-family</a>, <a href="http://omiga.org/blog/archives/tag/opera" rel="tag">opera</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://omiga.org/blog/archives/448/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
