Serif和Sans-serif字体的区别

   在西方国家罗马字母阵营中,字体分为两大种类:Sans Serif和Serif,打字机体虽然也属于Sans Serif,但由于是等宽字体,所以另外独立出Monospace这一种类,例如在Web中,表示代码时常常要使用等宽字体。

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


  可以看出,我们平时所用的Georgia、Times New Roman等就属于Serif字体,而Arial、Tahoma、Verdana等则属于Sans Serif字体。对中文而言,同样存在这两大种类,很明显,宋体、细明体(繁体中常用)等就属于Serif,而黑体、幼圆等则属于Sans Serif。

  Serif和Sans Serif的一般比较:

  ①Serif的字体容易辨认,因此易读性较高。反之Sans Serif则较醒目,但在行文阅读的情况下,Sans Serif容易造成字母辨认的困扰,常会有来回重读及上下行错乱的情形。

  ②Serif强调了字母笔划的开始及结束,因此较易前后连续性的辨识。

  ③Serif强调一个word,而非单一的字母,反之Sans Serif则强调个别字母。

  ④在小字体的场合,通常Sans Serif比Serif更清晰。

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


  适用用途:

  通常文章的内文、正文使用的是易读性较佳的Serif字体,这可增加易读性,而且长时间阅读下因为会以word为单位来阅读,较不容易疲倦。而标题、表格内用字则採用较醒目的Sans Serif字体,它需要显着、醒目,但不必长时间盯着这些字来阅读。

  像宣传品、海报类,为求醒目,它的短篇的段落也会採用Sans Serif字体。但在书籍、报刊杂志,正文有相当篇幅的情形下,则应採用Serif字体来减轻读者阅读上的负担。在Web设计及浏览器设置中也应遵循此原则为是。

  实际应用:

  在Firefox 中(目前似乎只有Firefox有此功能),可以分别单独指定Sans Serif、Serif及Monospace的中西文字体,然而这个选项并未设置在工具菜单中,不过可以在Addressbar中键入about: config,然后在Filter中过滤font找到如下Preference Name:

  Code:

  font.name.monospace.x-western

  font.name.monospace.zh-CN

  font.name.sans-serif.x-western

  font.name.sans-serif.zh-CN

  font.name.serif.x-western

  font.name.serif.zh-CN

  你可以依照上述Sans Serif、Serif及Monospace的原则来分别指定一种对应字体,按照W3C的CSS规则,在font(或者font-family)的最后都要求指定一个Serif这样的Generic-family,避免客户端实在没有指定字体时使用本机上的Serif默认字体。


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

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


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

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

  其他的通用字体族

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

  Monospace等宽字体:

  所谓的等宽字体,是指每个字符宽度都一致的字体。一个著名的例子就是 Courier New 字体。因为字符宽度一致,所以特别容易对齐,能快速精确的定位到某行某列,因此经常用来显示代码。

  Cursive书写体:相当于印刷学中的手写体。中文的华文行草就是这样的一个字体。

  网页设计中的默认字体:字体大小(12px)、行高(18px)

  font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif;

  ①font-family默认采用Tahoma. Tahoma是英文Windows操作系统的默认字体,这个字体比较均衡,显示中英文混排很不错,是经久耐看的一款字体。

  ②Mac OS X系统有一款比Tahoma更典雅的系统默认字体:Helvetica,非Mac系统的Helvetica字体都是Rip版。

  ③Arial是早期Windows英文系统的默认字体,XP和Vista上都是Tahoma。

  ④最后的sans-serif是针对强悍的Linux DIY族。Linux默认只有kernel,字体完全由用户自定义,针对这部分用户,sans-serif可能能派上用场。

  ⑤最后,无论在XP还是Vista下,不指定网页的中文字体时,默认就是宋体。因此font-family里的'宋体'是多余的,可以省去。

时间: 2024-11-17 17:01:43

Serif和Sans-serif字体的区别的相关文章

Serif和Sans-serif字体的区别(转)

在西方国家罗马字母阵营中,字体分为两大种类:Sans Serif和Serif,打字机体虽然也属于Sans Serif,但由于是等宽字体,所以另外独立出Monospace这一种类,例如在Web中,表示代码时常常要使用等宽字体.  Serif的意思是,在字的笔划开始及结束的地方有额外的装饰,而且笔划的粗细会因直横的不同而有不同.相反的,Sans Serif则没有这些额外的装饰,笔划粗细大致差不多.如下图:  可以看出,我们平时所用的Georgia.Times New Roman等就属于Serif字体

TrueType和Bitmap字体的区别

只要标签的文本从不变化,在cocos2D中渲染TrueType和bitmap字体的性能是相同的.它们都仅仅像精灵那样绘制. 如果你希望大量的标签使用相同字体,则bitmap字体将更快.因为bitmap字体可以从相同的纹理中绘制所有的象形符号,然而TrueType字体为每个标签使用不同的纹理. 它们对内存的使用量需求也不同:对于少量标签,TrueType字体可能请求少量的内存,但是每添加额外的TrueType字体标签将比额外添加bitmap字体标签蚕食显著更多的内存. 同样,如果TrueType字

超全面的英文字体小结

  编者按:字体于设计,如同气质于人.是温厚尔雅,谦谦有礼,还是活泼大胆,烧透一片,都是通过字体的结构来塑造的.只有了解每个字体的气质,才能将它安放到合适的地方,今天这篇好文,跟同学们普及一点英文字体的知识. 最近(考试之前)在看"字体故事",顺便浅浅的研究了英文字体学.深感这是一门快速提升(哔–)格的学问,英语课pre和论文就写的这个,大受老师"敬佩".最近又写了好多英文论文(主要是细胞),我在每篇论文里面实验不同的字体,打印出来测试效果.期末复习的时候也会多多留

漂亮的字体组合的秘密

本文讲的是漂亮的字体组合的秘密, 每当我和别人问起他们觉得字体排印中最难的是什么的时候,一个经常听到的回答就是字体的搭配. 我们总是想要使用多种字体来让我们的设计更加生动有趣,但我们中的大多数人其实并不清楚该选择哪些字体来搭配.不同字体该如何搭配,更像是一个秘诀.你一旦知晓,就可以创造出漂亮的字体组合. 字体匹配与层次 除去让我们的设计在视觉上更有趣之外,使用多种字体更重要的目的是营造出字体的层次.层次意味着差异.若无差异,则无层次.因此,为了营造出有效的层次,(我们)需要明显的差异,或是强烈的

如何在 Windows 中安装或删除字体

重新安装  Windows 附带的标准字体 Windows 中附带了下列字体.每台计算机上都安装这些字体. •Courier New(TrueType,包括粗体.斜体和粗斜体这几种变体) •Arial(TrueType,包括粗体.斜体和粗斜体这几种变体) •Times New Roman(TrueType,包括粗体.斜体和粗斜体这几种变体) •Symbol (TrueType) •Wingdings (TrueType) •MS Serif •MS Sans Serif 如果缺少 Windows

设计字体的选择:英文网页字体

文章描述:英文网页字体的选择. 自从用上了Bo-Blog 2以后一直在对我博客上所用的字体在做改动,正文先后用过了Tahoma, Arial, Trebuchet MS和Microsoft Sans Serif,标题字体也分别尝试过Franklin Gothic Medium和Myriad Pro. 选择字体中需要考量的因素很多,跨平台预装情况.是否有同族的粗体和斜体.Win下没有打开Clear Type时的表现等等.到目前为止也没有找到让我最满意的字体设置,每种字体都有自己的特点和缺点,让我很

免费字体直接用的PS插件FONTTEA

  一家名为 Source 公司,曾经开发多款实用 Photoshop 外挂工具,例如:CSSHat.PNGHat 和 Subtle Patterns,最近推出一款全新延伸功能「Fontea」,让用户轻松在 Photoshop 绘图工具里存取使用 Google Fonts 免费字型,内建筛选.搜寻及收藏功能,一键就能将众多字型套用到现有设计项目,省去手动下载字型再安装的麻烦. Fontea 目前已经支持 Windows.Mac OS X 两大平台,能在 Photoshop CC 2015+ 安装

自己写的兼容ie和ff的在线文本编辑器类似ewebeditor_其他特效

怎么说呢,刚包完夜吧,应该很累了,但现在仍有力气敲打着这些字符,看来我还没有到此为止啊. 废话少说,最近写了个在线的编辑器,类似ewebeditor那样的,当然没有人家那么强大,但是基本功能都有,而且还是兼容ie和ff的,为此我也花了不少功夫,还是赶紧把代码祭出来吧 demo.html: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org

有衬线字体与无衬线字体比较_经验交流

serif 的意思是,在字的筆畫開始及結束的地方有額外的裝飾,而且筆畫的粗細會因直橫的不同而有不同.相反的,sans serif 就沒有這些額外裝飾,而且筆畫粗細大致上是差不多. 像 Times.Times New Roman 等都是屬於 serif 的字體,而 Arial.helvetica 則是屬於 sans serif 的字體. serif 和 sans serif 的一般比較 serif 的字體較易辨識,也因此易讀性較高.反之 sans serif 則較醒目,但在走文閱讀的情況下,san