我想要serif和sans serif的历史～～谢谢大家哈

Serif和Sans-serif字体的区别~

西方国家字母体系分为两类：serif 以及sans serif。
serif 是有衬线字体，意思是在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。相反的，sans serif 就没有这些额外的装饰，而且笔画的粗细差不多。

serif 字体容易识别，它强调了每个字母笔画的开始和结束，因此易读性比较高，sans serif 则比较醒目。在中文阅读的情况下，适合使用 serif 字体（如宋体）进行排版，易于换行阅读的识别性，避免发生行间的阅读错误。

Serif和Sans Serif的一般比较：
①Serif的字体容易辨认，因此易读性较高。反之Sans Serif则较醒目，但在行文阅读的情况下，Sans Serif容易造成字母辨认的困扰，常会有来回重读及上下行错乱的情形。
②Serif强调了字母笔划的开始及结束，因此较易前后连续性的辨识。
③Serif强调一个word，而非单一的字母，反之Sans Serif则强调个别字母。
④在小字体的场合，通常Sans Serif比Serif更清晰。

因为黑体字属于“无衬线体”（Sans-serif），而宋体字属于“有衬线体”（Serif），后者对于人眼的辨识来说会更轻松一些，所以阅读的时候会比较舒服。日本文字偏欧美的无衬线体（Sans-serif），所以大部分的人都使用歌德体(相当于西洋文字的无衬线体)。

Serif的意思是，在字的笔划开始及结束的地方有额外的装饰，而且笔划的粗细会因直横的不同而有不同。相反的，Sans Serif则没有这些额外的装饰，笔划粗细大致差不多。

　　棕熊@Think Fast棕熊@Think Fast127.0.0.1,
　　sweet 127.0.0.1 <3博客园 社区 首页 新随笔 联系 管理 订阅 随笔- 21 文章- 0 评论- 489
　　[教程] 谈谈网页设计中的字体应用 (2) serif 和 sans-serif

　　Howdy, 大家好，又是我~

　　上一次我们简单的谈了一下font set和一些要注意的基本问题。今天我们继续字体这一话题，深入讲讲上次提到的“通用字体族”。首先是最常用的 serif 和 sans-serif 这两个通用字体族。

　　- serif
　　Serif 在印刷学上指衬线字体。为了理解衬线字体的概念，大家先看几个典型的衬线字体的例子：

　　My
　　Georgia字体 King
　　Times New Roman 字体 汉字
　　宋体
　　单词 My 中的字母 “M”上下方突出的短横线就是所谓的衬线。同样，y的上方，K的上下，i 和n的下方也都有衬线，所以这些字体都被称为衬线字体。但衬线字体并不一定都有衬线，比如上面例子中的g, “汉”和“字”。事实上，只要满足末端加强原则的字体都是衬线字体。所谓的末端加强，就是使用衬线或粗细变化，使字体笔画的末端得到加强，以改善小号文字的可读性。比如上面例子中的y的下半部分，还有宋体的中文字符，都是采取加粗笔划的末端来达到末端加强的效果。除此之外，很多衬线字体还会采用加强竖向笔划（比如宋体中竖比横粗），夸张字形（最明显的就是小写g这个字符了）等方法进一步改善它的可读性。

　　因为衬线字体的可读性非常好，所以它应用的最多的地方也正是出版物或者印刷品的正文内容等以大段文字作为表现形式的作品上。

　　比较常见的衬线字体有 Georgia, Garamond, Times New Roman, 中文的宋体等等。

　　- sans-serif
　　衬线字体以外的一切字体都是无衬线字体。sans- 这个前缀其实是法语，所以比较标准的发音是 /san/ 而不是 /sans/。它的意思是“没有”。所以sans-serif就是无衬线字体。

　　Gut
　　Verdana 字体 Might
　　Arial 字体 书写
　　幼圆
　　无衬线字体比较圆滑，线条一般粗细均匀。比较适合用作艺术字、标题等。因为无衬线字体通常粗细比较均匀，所以在小字体显示的时候，可读性会降低，容易引起视觉疲劳。

　　常见的无i衬线字体有 Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, 中文的幼圆、隶书等等。

　　- 什么时候用serif？什么时候用sans-serif？
　　从上面的介绍中，我们可以知道，衬线字体之所以被设计出来，就是为了用作正文内容的。大家可以随手抄起一张报纸，看看上面的文章是不是宋体。如果手头有外语读物的话，也可以翻来看一下，正文都是衬线字体。同样大小的衬线字体比无衬线字体容易阅读：

　　The quick brown fox jumps over the lazy dog.

　　The quick brown fox jumps over the lazy dog.

　　然后大家可以把报纸翻到头版头条——标题一般都会是各种粗细一致的综艺体或者是中黑体。英文报纸的标题大多也是无衬线的。这个就是应用他们的基本原则。

　　但是大家可以看很多网站——它们的正文内容恰恰是无衬线的Tahoma, Verdana, Arial等等。中文网站可能因为字体的局限性，仍旧使用宋体居多，但查看它们的样式表，就会发现候补字体也大多是无衬线的。这样是不是不好呢？

　　当然不是。

　　衬线字体的可读性其实仅仅体现在小字体上。大家可以拿出刚刚抄起来的报纸，和你显示器上的文字比较一下——你会发现，报纸上的文字比显示器上的文字整整小一圈。实际上，新明晚报上通常大小的宋体文字，在点距为0.25mm的高质量液晶显示器上，大小大约只相当于10px ~ 11px的显示字符；在普通的液晶显示器（点距一般为0.28mm）上，甚至可能只相当于8px~10px的显示字符。

　　这个就是 print media 和 screen media 的最大区别。印刷业为了节约成本，因此会尽可能的在保证可读的情况下，把文字印小。显示器不存在这样的成本，因此可以显示比较大的文字。在文字足够大的情况下，无衬线字体也是同样可读的。而且因为无衬线字体通常有艺术性，因此在显示器上显示通常比较赏心悦目；而且无衬线字体种类比衬线字体多得多，因此选择余地也很大。所以大家尽可以放心去使用。但是必须保证以下原则：凡是使用无衬线字体的，必须保证其在正文内容中的可读性。否则，使用衬线字体。换而言之，如果你要使用无衬线字体显示网页的正文内容，那么，你必须把它的font-size设的足够大，以保证用户能轻易阅读。

　　至于具体将font-size 设多大，是因字体而异的。12px 对于 Verdana 来说已经完全足够，但是要能轻易的阅读隶书，可能需要24px以上才行。

　　对于11px以下的英文字体，推荐使用衬线字体。至于中文，因为显示器的硬件限制，不论是什么字体，都不推荐使用11px以下的font-size来显示。

　　- 其他的通用字体族
　　印刷学中，除了serif 和 sans-serif 之外，通常还有 monospace 等宽字体、scripts 手写体（比如花体）、blackletter 铅字体（也叫 gothic 哥特体。严格的说，很多常用的serif字体其实是gothic字体）、ornamental 装饰体（那些在文字笔划上或者周围有装饰花纹的字体。很多中世纪书籍上很常见。如果脑残体真的成了字体，那么应该可以算装饰体吧……）和 symbol 符号字体（比如有名的wedding123……）。

　　不过CSS对通用字体族的定义有点不一样。除了serif 和 sans-serif 之外，CSS还允许以下几个通用字体族：
　　monospace 等宽字体
　　所谓的等宽字体，是指每个字符宽度都一致的字体。一个著名的例子就是 Courier New 字体。因为字符宽度一致，所以特别容易对齐，能快速精确的定位到某行某列，因此经常用来显示代码。

　　要注意的是，一个等宽字体同时也可以是一个衬线（或者非衬线）字体。比如 Courier New 这个字体也可以看作是一个serif（严格的说是gothic）字体。

　　cursive 书写体：相当于印刷学中的手写体。中文的华文行草就是这样的一个字体。
　　fantasy 梦幻体：相当于印刷学中的装饰体。非常少见的一种字体，基本没有参考价值。
　　要注意的是，CSS中不支持symbol字体族。使用symbol类的字体请用图片。

　　- 一些你不知道的事情
　　中文的黑体其实是衬线字体。大家可以看下面的图：

　　大家可以看到，其实黑体的确是经过末端加强的，所以很多印刷品的正文也会使用黑体。像这种使用温和的末端加强，笔划粗细大致一致的字体，其实也可以被称为petit-serif/小衬线体。（那些类似于宋体一样有显著末端加强，并且笔划粗细有明显区别的，通常称为slab-serif/雕版衬线体）

　　只是很遗憾，因为诸多的硬件原因，在显示器上实际显示黑体时，大家还是可以把它看作一个无衬线字体

　　Italic 不是斜体
　　斜体是oblique。Italic 顾名思义，是意大利体。Italic 是一种书写方式（calligraphy script），而oblique 是一种印刷样式，两者是不同的东西。中学英语习字册交授的书写方式就是意大利体。除了意大利体外，比较流行的书写方式还有法兰西体（就是传说中的花体字，正名是French Script）、哥特体、亚伯拉罕体等等。

　　很多考究的字体都会为意大利体定制一套特殊的字体，而不是简单的显示成斜体。比如下面的图片里，三行文字都是Georgia字体。第一行普通；第二行是oblique，也就是斜体；第三行才是真正的italic意大利体。

　　大家仔细看第三行的a, l, i, e 等字母——很明显的看出区别了吧。实际上，Georgia Italic 和 Georgia 在系统内是两个不同的字体文件。当我们指定 font-style: italic 的时候，系统就会自动搜寻是不是存在Georgia Italic这个字体，并尝试使用这个字体来显示文字内容。

　　按理说当我们用 font-style: oblique 指定字体样式时，浏览器不应该去寻找Georgia Italic这个字体，而直接将Georgia字体倾斜显示，所以理论上应该得到图中第二行文字的效果。可惜，连W3C在CSS规范中，自己的参考实现也说是“如果UA不能正确显示italic 和oblique, 可以使用italic来代替oblique显示”，所以几乎没有浏览器实现区分italic 和oblique。哪怕你设置的font-style是oblique, 你也会发现，浏览器显示的也还是italic

　　今天就到这里了。下一讲我会谈谈如何构建一个合理的font-family，并推荐几个使用的字体组合给大家。那么，再见了哟

　　Tag标签: 初学,教程,VI设计,心得,字体,font,css,font-family
　　posted @ 2008-05-06 00:19 棕熊 阅读(5219) 评论(37) 编辑 收藏 网摘 所属分类: CSS标准，又见标准VI设计

　　发表评论
　　回复 引用 查看 #1楼 2008-05-06 01:31 | 镜涛
　　沙发

　　回复 引用 #2楼 2008-05-06 06:02 | 飞雪尔 [未注册用户]
　　不错，之前研究过衬线无衬线字体，不过我自己倒是很喜欢无衬线的微软雅黑，在LCD显示和打印的表现上比宋体强太多了。

　　回复 引用 查看 #3楼 2008-05-06 07:25 | 生鱼片
　　学习

　　回复 引用 #4楼 2008-05-06 07:30 | 炎藤 [未注册用户]
　　那个圆幼体截图有些问题～
　　不像圆幼呐

　　不过本篇文章不错，收藏了:)

　　回复 引用 #5楼 2008-05-06 07:49 | zjfeiye [未注册用户]
　　好文，学了不少，很多东西以前都是知其然不知其所以然，只知道这么去用
　　另外，经常看见CSS引入的Link中有个media=“screen”是否就是楼主提到的意思呢？

　　回复 引用 查看 #6楼 2008-05-06 08:22 | 李战

　　回复 引用 查看 #7楼 2008-05-06 09:27 | JackMa
　　很好，很专业。世事洞明皆学问。这个Blog也很有特色啊。

　　回复 引用 查看 #8楼 2008-05-06 09:27 | Yannic Yang
　　一直在考虑我的dopod手机上到底用雅黑好还是宋体好
　　有答案了～看得清就好 呵呵
　　我决定用雅黑 然后把字体变大一号

　　另外
　　感觉这几年css越来越成熟了……
　　各方面都支持很细了
　　我还停留在几年前讨论用table还是div的时代
　　万恶的ie6啊...

　　回复 引用 查看 #9楼 2008-05-06 09:44 | 想爱就去爱吧
　　研究比较深刻

　　回复 引用 查看 #10楼 2008-05-06 09:44 | airwolf2026
　　mark

　　回复 引用 #11楼 2008-05-06 09:48 | 一个农民 [未注册用户]
　　太有才了,请问楼主,我的衣橱的单色小图标是用什么工具做的,最近我在研究xara xtreme ,楼主有用过吗?

　　回复 引用 查看 #12楼 2008-05-06 10:06 | 杨正祎(阿一)
　　中间一个大大的“禁”字吓了我一跳，还以为是18禁网站呢。呵呵呵。。。

　　回复 引用 查看 #13楼 2008-05-06 10:07 | 杨正祎(阿一)
　　@zjfeiye
　　那个是指定css的使用终端。显示器，还是打印机，还是其他……

　　回复 引用 查看 #14楼 2008-05-06 10:42 | 小生
　　学习

　　回复 引用 查看 #15楼 [楼主]2008-05-06 10:49 | 棕熊
　　@炎藤
　　那个不是截图哦，是实际的文字

　　@Yannic Yang
　　雅黑的好处就是它是一个专门设计用来显示的字体，所以它对显示做过优化，自然是比较理想的选择

　　@一个农民
　　不知道你说的是哪个图标？我的衣橱上一般的图像都是photoshop搞的（而且不是我搞的）
　　一般我自己做图形设计都会用adobe的那一套了，其他的图形设计软件基本不常用

　　@杨正祎(阿一)
　　这个是用来测试人品的阿哈哈……
　　开个玩笑。其实用这个字，是因为这个字包含横竖撇捺勾，而且笔划密度很合适演示。

　　回复 引用 查看 #16楼 2008-05-06 10:58 | 平静中的疯狂
　　很好，很喜欢。

　　回复 引用 #17楼 2008-05-06 12:03 | sorcom [未注册用户]
　　确实大牛。不过页面打开始终较慢。

　　回复 引用 查看 #18楼 2008-05-06 12:42 | Cat Chen
　　中文研究字体的人确实很少，能够有人说说字体的问题真好。

　　回复 引用 #19楼 2008-05-06 15:11 | soaroaroar [未注册用户]
　　咳咳...这个...其实此文内容只要是认真配过linux环境字体和浏览器都知道...不能算新鲜，但还是很感谢楼主的辛勤劳动~这对于教育眼界狭窄的IE开发社群是很重要的

　　回复 引用 查看 #20楼 2008-05-06 20:58 | 二手的程序员
　　那个"汉字"两个字使用的是网页默认字体,当用户把网页默认字体设定为其它字体的话,就不会显示为宋体了.

　　回复 引用 查看 #21楼 [楼主]2008-05-07 00:17 | 棕熊
　　@二手的程序员
　　这个其实是一个字体名称alias的问题
　　因为这个blog是用Live Writer 写的，所以在根本就没注意的情况下Live Writer自动将源代码中的中文字体名称转换成了alias，所以只有IE下才正常了
　　现在在博客园的编辑器里改了下，应该没问题了

　　回复 引用 查看 #22楼 2008-05-07 09:37 | 二手的程序员
　　看样子你也是个极端追求完美的人

　　回复 引用 查看 #23楼 2008-05-07 11:11 | 狼Robot
　　学习

　　回复 引用 查看 #24楼 2008-05-07 12:18 | Rivers Zhao
　　学习了.楼主见多识广啊.

　　回复 引用 查看 #25楼 2008-05-07 13:02 | GoGoSonny
　　期待下一讲！！！

　　回复 引用 查看 #26楼 2008-05-09 10:08 | jason_lb
　　rss每讲必读，firefox下浏览很舒畅

　　回复 引用 查看 #27楼 2008-05-11 10:22 | jasonoiu
　　真的是不错，学到了不少东西，
　　期待你的下一讲！

　　回复 引用 查看 #28楼 2008-05-11 23:13 | volnet（可以叫我大V）
　　博主让我知道了很多前所未闻的东西，激动啊……
　　很关心最后那些oblique 和Italic之间的区别楼主是如何知道的？不小心撞到的还是特地研究的，那动机呢，哈哈，要是你不说两个有区别我压根不会知晓啊。哈哈。

　　回复 引用 #29楼 2008-05-25 21:37 | hax [未注册用户]
　　汉字不要11px以下并非硬件限制，而是没有11px以下的点阵字。而矢量字方面，因为汉字笔画较多，很难缩小到一定比例之下仍保持可辨识。西方文字使用hint技术来提升小分辨率下的矢量字体，但是汉字很难做到，因为字数太多，制作hint的成本过大。

　　回复 引用 #30楼 2008-06-01 11:42 | southsiberia [未注册用户]
　　牛啊，我有两个问题想问你，西里尔文和阿拉伯文都是拼音文字，不像汉语，例如如果用户本地计算机没有相关字体的话网站一般都会制作成EOT文件，在用户第一次打开网页的时候自动加载这些文字字体（我做了10几次EOT文件，但是时而失败时而莫明其妙的成功，让人无语啊！），有没有替代方案除了flash矢量（我自己也不太清楚）.
　　还有个问题就是阿拉伯文和汉语混排的时候如果汉字12px可能很好看，但是对于阿拉伯文来说就字体大小太小可能会不好看，如何分别定义不同文字字体大小？

　　回复 引用 查看 #31楼 [楼主]2008-06-03 10:31 | 棕熊
　　--引用--------------------------------------------------
　　southsiberia: 牛啊，我有两个问题想问你，西里尔文和阿拉伯文都是拼音文字，不像汉语，例如如果用户本地计算机没有相关字体的话网站一般都会制作成EOT文件，在用户第一次打开网页的时候自动加载这些文字字体（我做了10几次EOT文件，但是时而失败时而莫明其妙的成功，让人无语啊！），有没有替代方案除了flash矢量（我自己也不太清楚）.
　　还有个问题就是阿拉伯文和汉语混排的时候如果汉字12px可能很好看，但是对于阿拉伯文来说就字体大小太小可能会不好看，如何分别定义不同文字字体大小？
　　--------------------------------------------------------
　　这个具体没有怎么研究过，各浏览器对@font-face的支持本来就比较汗，何况ms EOT文件还是个IE only的东东？
　　至于字体大小，其实有个css规则叫font-size-adjust，可惜也不是所有主流浏览器都支持。目前可以在这种混排的汉字外面加一个<span lang="zh" class="zh">，再去设这个span的样式，酱紫

　　回复 引用 查看 #32楼 [楼主]2008-06-03 10:33 | 棕熊
　　--引用--------------------------------------------------
　　volnet（可以叫我大V）: 博主让我知道了很多前所未闻的东西，激动啊……
　　很关心最后那些oblique 和Italic之间的区别楼主是如何知道的？不小心撞到的还是特地研究的，那动机呢，哈哈，要是你不说两个有区别我压根不会知晓啊。哈哈。
　　--------------------------------------------------------
　　这个是以前学印刷学的时候学得啦，呵呵

　　回复 引用 #33楼 2008-06-03 19:14 | southsiberia [未注册用户]
　　多谢楼主解答，郁闷中。。。。。。。。。。。

　　回复 引用 查看 #34楼 2008-06-15 11:43 | Joyaspx
　　确实挺专业，对字体有了更多的了解了……

　　回复 引用 #35楼 2008-11-14 15:44 | 不不 [未注册用户]
　　好文。不得不顶。

　　回复 引用 #36楼 2009-02-19 23:31 | eddie yang [未注册用户]
　　自己用了那么久Georgia italic，现在才知道不是叫斜体，是意大利体

　　回复 引用 查看 #37楼 2009-04-11 19:51 | Aaron@Live
　　请教博主一个问题：
　　一个多语言的网站，主要是中文和英文，以后可能会扩展，如何在CSS里设置网站的默认字体顺序而让网站达到最好的可读性和美观性？
　　谢谢！

　　刷新评论列表 切换模板

　　发表评论

　　姓名 [登录] [注册]请输入你的姓名
　　主页
　　Email (仅博主可见)邮件地址无效
　　请输入验证码
　　验证码 * 看不清,换一张

　　内容(请不要发表任何与政治相关的内容) 请输入评论内容
　　想知道园子里有多少女程序员吗？

　　[热点话题]“有道难题”编程挑战赛

　　.NET 新手小组

　　博客园.NET频道

　　Remember Me?
　　登录 使用高级评论 新用户注册 返回页首
　　[使用Ctrl+Enter键可以直接提交]
　　导航: 网站首页 社区 新闻 博问 闪存 网摘 招聘 .NET频道 知识库 找找看 Google站内搜索

　　China-pub 计算机图书网上专卖店！6.5万品种 2-8折！
　　China-Pub 计算机绝版图书按需印刷服务

　　相关文章:
　　ASP.NET 2.0数据教程之三：母板页和站点导航
　　ASP.NET 2.0数据教程之十：使用 GridView 和DetailView实现的主/从报表
　　深度金山词霸2009破解版 (牛津版)（附绿色完整破解版和破解补丁下载）
　　关于IE问题，请教和求救
　　精选31个网站界面设计实践教程
　　Firefox 社区向 Opera 标准教程示好
　　想学习uml画图，那个能推荐下教程和工具。
　　哪里有WPF的教程
　　教程的问题
　　组长是不是发点教程来呢

　　相关链接:
　　如何使用Div+CSS布局？
　　精通CSS与HTML设计模式
　　超越CSS:Web设计艺术精髓
　　Web设计创新思维--用CSS、DOM脚本和XHTML进行Web设计创新
　　博客园推荐技术图书：大话设计模式
　　CSS禅意花园
　　牛奶咖啡：还是会寂寞 Thinking Of You

　　最新IT新闻:
　　Firefox 3.5第二个RC候选版发布
　　谷歌中国被暂停境外网页搜索和联想词搜索
　　淘宝网COO称不会放弃收费打算
　　iPhone 3.0十条未公开的秘诀
　　Intel研究日：未来技术规划与概念展示

　　公告
　　我的最新闪存
　　C'est sexy le ciel de Californie, sous ma peau j'ai L.A. en overdose.
　　< 2009年6月 >

　　日 一 二 三 四 五 六
　　31 1 2 3 4 5 6
　　7 8 9 10 11 12 13
　　14 15 16 17 18 19 20
　　21 22 23 24 25 26 27
　　28 29 30 1 2 3 4
　　5 6 7 8 9 10 11

　　版权声明
　　除特别声明外，本站一切资源均适用于
　　This work by 棕熊 is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 2.5 China Mainland License
　　PS: 这个blog目前暂时不能完美支持IE6
　　常用链接
　　我的随笔
　　我的空间
　　我的短信
　　我的评论
　　更多链接
　　我的参与
　　我的新闻
　　最新评论
　　我的标签
　　留言簿
　　给我留言
　　查看留言
　　发短消息
　　我的标签
　　css(8)
　　初学(6)
　　教程(6)
　　VI设计(5)
　　心得(5)
　　字体(4)
　　font(4)
　　HTML(4)
　　font-family(4)
　　贴图(3)
　　随笔分类(39)
　　CSS(8) (rss)
　　HTML/XHTML(4) (rss)
　　iPod Touch Fan(1) (rss)
　　JavaScript(3) (rss)
　　VI设计(5) (rss)
　　标准，又见标准(8) (rss)
　　设计模式(2) (rss)
　　随便写写ykyd @@(8) (rss)
　　随笔档案(19)
　　2008年9月 (1)
　　2008年8月 (1)
　　2008年7月 (2)
　　2008年6月 (1)
　　2008年5月 (4)
　　2008年4月 (10)
　　博客园好友录
　　Caling Xie's Blog (rss)
　　Dannachen (rss)
　　Dflying Chen @ cnblogs (rss)
　　Flyingis (rss)
　　Otter (rss)
　　YES！B/S！ (rss)
　　黛比若薇 - QA world (rss)
　　老赵点滴 (rss)
　　墙头草的Blog (rss)
　　星辰.net技术社区 (rss)
　　最新随笔
　　1. [多图尝鲜] Google Chrome 试用 Tips
　　2. 嘿嘿，插播消息，最新一期的流言终结者
　　3. [Quicky] block 和 inline 答案揭晓~ 另付一则，关于 word-break
　　4. [Quicky] block 和 inline 的区别是？
　　5. [教程] 谈谈网页设计中的字体应用 (4) 实战应用篇·下
　　6. Hiatus
　　7. [教程] 谈谈网页设计中的字体应用 (3) 实战应用篇·上
　　8. [教程] 谈谈网页设计中的字体应用 (2) serif 和 sans-serif
　　9. [快报][贴图] ANSI Art 的新形式 - CSS-ANSI Art
　　10. [教程] 谈谈网页设计中的字体应用 (1) Font Set
　　11. 关于本博客博皮的几点改进与释疑
　　12. [JOKE] I like Gnus!
　　13. [浅谈 演示] 你所不知道的HTML - 从 XHTML2 到 HTML5 (1)
　　14. [贴图] 发个自画像阿哈哈
　　15. [图解] 你不知道的 JavaScript - “this”
　　16. [贴图] Noir Theater
　　17. 让你的网页支持 iPhone SpringBoard 图标
　　18. 稍微谈一下 javascript 开发中的 MVC 模式
　　19. Say "Hello World" to cnBlogs
　　最新评论
　　1. re: [教程] 谈谈网页设计中的字体应用 (4) 实战应用篇·下
　　不错的文章，令我受益匪浅！ (nmgfrank)
　　2. re: [教程] 谈谈网页设计中的字体应用 (2) serif 和 sans-serif
　　请教博主一个问题：
　　一个多语言的网站，主要是中文和英文，以后可能会扩展，如何在CSS里设置网站的默认字体顺序而让网站达到最好的可读性和美观性？
　　谢谢！ (Aaron@Live)
　　3. re: [教程] 谈谈网页设计中的字体应用 (3) 实战应用篇·上
　　我想问下，熊大哥的电脑操作系统是什么？我觉得很是喜欢。。。。唔唔唔~还有字体真漂亮。 (翔猫)
　　4. re: [多图尝鲜] Google Chrome 试用 Tips
　　不错支持下！ (双色球)
　　5. re: 嘿嘿，插播消息，最新一期的流言终结者
　　好大一块白板 (刷)
　　阅读排行榜
　　1. 嘿嘿，插播消息，最新一期的流言终结者(29748)
　　2. [浅谈 演示] 你所不知道的HTML - 从 XHTML2 到 HTML5 (1)(5598)
　　3. [教程] 谈谈网页设计中的字体应用 (2) serif 和 sans-serif(5219)
　　4. [贴图] 发个自画像阿哈哈(5069)
　　5. [教程] 谈谈网页设计中的字体应用 (1) Font Set(4938)
　　6. [图解] 你不知道的 JavaScript - “this”(4200)
　　7. [教程] 谈谈网页设计中的字体应用 (3) 实战应用篇·上(3996)
　　8. [教程] 谈谈网页设计中的字体应用 (4) 实战应用篇·下(3901)
　　9. 关于本博客博皮的几点改进与释疑(3630)
　　10. [Quicky] block 和 inline 的区别是？(3329)
　　评论排行榜
　　1. 关于本博客博皮的几点改进与释疑(59)
　　2. [教程] 谈谈网页设计中的字体应用 (1) Font Set(53)
　　3. [贴图] 发个自画像阿哈哈(51)
　　4. [图解] 你不知道的 JavaScript - “this”(49)
　　5. [浅谈 演示] 你所不知道的HTML - 从 XHTML2 到 HTML5 (1)(38)
　　6. [Quicky] block 和 inline 的区别是？(38)
　　7. [教程] 谈谈网页设计中的字体应用 (2) serif 和 sans-serif(37)
　　8. Say "Hello World" to cnBlogs(32)
　　9. [快报][贴图] ANSI Art 的新形式 - CSS-ANSI Art(28)
　　10. [教程] 谈谈网页设计中的字体应用 (3) 实战应用篇·上(27)
　　Copyright ©2009 棕熊
　　Blog theme THE POWER OF ROCK by 棕熊
　　And just a remind, this theme is NOT optimized for IE6 or earlier browsers. So if you are still using it, get Firefox for your own benifits.

　　从网上淘的，看不懂，也许对你有帮助

http://hi.baidu.com/motuw/blog/item/3048d03217864b45ac4b5f6e.html
http://www.javaeye.com/wiki/topic/292949
看看有参考价值吗！

---

富县15281477825： WEB设计中什么叫serif和sansserif? - ？
俎贤珍珠： 有衬线字体:serif (serif:衬线, 截线) 无衬线字体:sans serif (sans:无,没有) Serif的意思是,在字的笔画开始及结束的地方有额外的装饰,而且笔画的粗细会因直横的不同而有不同.相反的,Sans Serif则没有这些额外的装饰,笔画粗细大致差不多

富县15281477825： Serif和Sans - serif字体的区别 - ？
俎贤珍珠： Serif的意思是,在字的笔划开始及结束的地方有额外的装饰,而且笔划的粗细会因直横的不同而有不同.相反的,Sans Serif则没有这些额外的装饰,笔划粗细大致差不多.

富县15281477825： sans serif是什么字体 - ？
俎贤珍珠： 在西方国家罗马字母阵营中,字体分为两大种类:Sans Serif和Serif,打字机体虽然也属于Sans Serif,但由于是等宽字体,所以另外独立出Monospace这一种类. Serif的意思是,在字的笔划开始及结束的地方有额外的装饰,而且笔划的粗细...

富县15281477825： 什么叫做“衬线”的字体呢?比如黑体是无衬线. - ？
俎贤珍珠： 有衬线字体英文名为: serif 无衬线字体英文名为: sans-serif 在西方国家罗马字母阵营中,字体分为两大种类:Sans Serif和Serif; Serif的意思是,在字的笔画开始及结束的地方有额外的装饰,而且笔画的粗细会因直横的不同而有不同.相反的,Sans Serif则没有这些额外的装饰,笔画粗细大致差不多. 呵呵.我解释的还算详细吧~

富县15281477825： 有哪些比较好看的等宽数字字体 - ？
俎贤珍珠： 首先要明确两个概念:serif和sans-serif.-serifSerif在印刷学上指衬线字体.为了理解衬线字体的概念,大家先看几个典型的衬线字体的例子:单词My中的字母“M”上下方突出的短横线就是所谓的衬线.同样,y的上方,K的上下,i和n的下方...

富县15281477825： 求教chrome字体设置 - ？
俎贤珍珠： serif是衬线字体,sans serif是无衬线字体.主要选择那个标准字体.补充下:西方国家字母体系分为两类:serif以及sans serif. serif是有衬线字体,意思是在字的笔画开始、结束的地方有额外的装饰,而且笔画的粗细会有所不同.相反的,...

富县15281477825： 常用的英文字体有哪些? - ？
俎贤珍珠： 常用的英文字体有: 1、Roboto这款字体是一个非常标准而常用的黑体,有着简洁的笔画设计,和“思源黑体”的中文搭配非常经典.是用得较多的一款字体. 2、Quicksand这款字体的特点与“幼圆”体比较类似,在字体的结构上,字腔比...

富县15281477825： wps表格怎么添加Microsoft Sans Serif字体?？
俎贤珍珠： 选中表格,然后在工具栏里面改成这种罗马字体就行了,如果没有这种字体,说明系统没有自带这种字体,在网上下载后安装就行了.