连笔字网今天精心准备的是《衬线体》,下面是详解!
从字体分类的角度来说,一般西文字体有 serif(衬线)字体和 sans-serif(无衬线)字体的风格之分;中文字体有宋体、黑体、楷体、仿宋等风格之分。严谨的人一般不会认为中文的宋体是衬线字体,黑体是无衬线字体。
不过,在实际应用中,因为中文的宋体和西文的衬线体,中文的黑体和西文的无衬线体,在风格和应用场景上相似,所以通常搭配使用。
以上是字体分类的讨论,跟电脑无关。下面回答电脑上的问题。
CSS 中「sans-serif」这样的语句,是在告诉浏览器如果前面指定的字体在客户端上没有的时候,应该做什么选择。现代浏览器,往往有自己的默认字体设置。比如你在 Chrome 的设置(chrome://settings/fonts)里有四个字体设置。比如在这里我把「sans-serif 字体」设置成「Helvetica」,那么当 Chrome 遇到一段「font-family: sans-serif」的文字,就会用 Helvetica 显示。可是,Helvetica 中没有中文,那么中文怎么办呢?这时,一般的浏览器就要看系统的字体 fallback 配置了。有的浏览器如 Chrome 等可能会根据网页的 lang 属性自主选择最终的字体,而无视操作系统的配置。
简体中文的 Windows 在这种情况下都会 fallback 到系统级的默认字体中易宋体,而不会像我们「希望」的那样 fallback 到微软雅黑。因为 Windows 在系统层面没有指定用微软雅黑作为与 sans-serif 搭配的中文字体。Windows 下这个配置是由注册表中的 font link 控制的。
再比如,Android 的系统字体配置也是由两个文件控制,首先指定了系统级的 sans-serif 字体是 Roboto,serif 字体是 Droid Serif,然后对于这俩字体不支持的其他文字(中文、朝鲜文、日文、阿拉伯文等)就要按一个 fallback 顺序区匹配响应的字体。但是这个 fallback 顺序列表并不分 sans-serif 和 serif,也就是说,不管你的 CSS 怎么写,在 Android 上你只能看到一种中文字体。
有的操作系统,比如 OS X,则比较高级,会给 sans-serif 和 serif 等不同风格分别存储字体 fallback 配置。比如 sans-serif 最后 fallback 到华文黑体,serif 最后 fallback 到华文宋体。
* * *
最后,简要回答你的问题:
微软雅黑是一种中文黑体,适合与西文无衬线体搭配,但是严谨的字体分类者不认为它是无衬线体。
浏览器如何处理「sans-serif」取决于浏览器的设置,一般都是先匹配浏览器设置中的默认 sans-serif 字体(浏览器没有单独配置的跳过),再按照操作系统的字体 fallback 顺序来(有的浏览器会自作主张)。而简体中文 Windows 系统级的默认字体是中易宋体,也就是说如果没有在任何一个环节点名指定某个中文字体,最后都会用中易宋体来显示。
额,这些专业术语我不懂撒...
额,这些专业术语我不懂撒
衬线体指的是有衬线的字体,又称为「有衬线体」(中文惯用名称「白体」),而与之相对的,没有衬线的称为「无衬线体」(中文惯用「黑体」)。衬线指的是字形笔画末端的装饰细节部分。无衬线字体在西文中习惯称sans-serif,其中sans为法语的「无」的意思;而另外一些人习惯称grotesque(德语作grotesk)或「哥德体」,把衬线体称为「罗马体」,但是这些词已经不是很常用了,只保留于字体名称中。
首先要明确两个概念:serif和sans-serif。
- serif
Serif在印刷学上指衬线字体。为了理解衬线字体的概念,大家先看几个典型的衬线字体的例子:
单词 My 中的字母“M”上下方突出的短横线就是所谓的衬线。同样,y的上方,K的上下,i 和n的下方也都有衬线,所以这些字体都被称为衬线字体。但衬线字体并不一定都有衬线,比如上面例子中的g、“汉”和“字”。事实上,只要满足末端加强原则的字体都是衬线字体。所谓的末端加强,就是使用衬线或粗细变化,使字体笔画的末端得到加强,以改善小号文字的可读性。比如上面例子中的y的下半部分,还有宋体的中文字符,都是采取加粗笔划的末端来达到末端加强的效果。除此之外,很多衬线字体还会采用加强竖向笔划(比如宋体中竖比横粗),夸张字形(最明显的就是小写g这个字符了)等方法进一步改善它的可读性。
因为衬线字体的可读性非常好,所以它应用的最多的地方也正是出版物或者印刷品的正文内容等以大段文字作为表现形式的作品上。
比较常见的衬线字体有 Georgia、Garamond、Times New Roman、中文的宋体等等。
- sans-serif
衬线字体以外的一切字体都是无衬线字体。sans- 这个前缀其实是法语,所以比较标准的发音是/san/ 而不是 /sans/。它的意思是“没有”。所以sans-serif就是无衬线字体。
无衬线字体比较圆滑,线条一般粗细均匀。比较适合用作艺术字、标题等。因为无衬线字体通常粗细比较均匀,所以在小字体显示的时候,可读性会降低,容易引起视觉疲劳。
常见的无衬线字体有Trebuchet MS、Tahoma、Verdana、Arial、Helvetica、中文的幼圆、隶书等等。
- 什么时候用serif?什么时候用sans-serif?
从上面的介绍中,我们可以知道,衬线字体之所以被设计出来,就是为了用作正文内容的。大家可以随手抄起一张报纸,看看上面的文章是不是宋体。如果手头有外语读物的话,也可以翻来看一下,正文都是衬线字体。同样大小的衬线字体比无衬线字体容易阅读:
然后大家可以把报纸翻到头版头条——标题一般都会是各种粗细一致的综艺体或者是中黑体。英文报纸的标题大多也是无衬线的。这个就是应用他们的基本原则。
但是大家可以看很多网站——它们的正文内容恰恰是无衬线的Tahoma、Verdana、Arial等等。中文网站可能因为字体的局限性,仍旧使用宋体居多,但查看它们的样式表,就会发现候补字体也大多是无衬线的。这样是不是不好呢?
当然不是。 衬线字体的可读性其实仅仅体现在小字体上。大家可以拿出刚刚抄起来的报纸,和你显示器上的文字比较一下——你会发现,报纸上的文字比显示器上的文字整整小一圈。这个就是print media 和screen media 的最大区别。印刷业为了节约成本,因此会尽可能的在保证可读性的情况下,把文字印小。显示器不存在这样的成本,因此可以显示比较大的文字。在文字足够大的情况下,无衬线字体也是同样可读的。而且因为无衬线字体通常有艺术性,因此在显示器上显示通常比较赏心悦目;而且无衬线字体种类比衬线字体多得多,因此选择余地也很大。所以大家尽可以放心去使用。但是必须保证以下原则:凡是使用无衬线字体的,必须保证其在正文内容中的可读性。否则,使用衬线字体。换而言之,如果你要使用无衬线字体显示网页的正文内容,那么,你必须把它的font-size设的足够大,以保证用户能轻易阅读。
至于具体将font-size 设多大,是因字体而异的。12px对于Verdana 来说已经完全足够,但是要能轻易的阅读隶书,可能需要24px以上才行。
对于11px以下的英文字体,推荐使用衬线字体。至于中文,因为显示器的硬件限制,不论是什么字体,都不推荐使用11px以下的font-size来显示。
1、Arial
微软公司的网页核心字体之一,是一套随同多套微软应用软件所分发的无衬线体TrueType字型。当字号很小时不容易阅读。
Arial Style虽然比例及字重和Helvetica极其相近,但Arial其实是Monotype Grotesque系列的变种。设计Arial时考虑到会在电脑上面使用,在字体及字距上都作了一些细微的调整和变动,以增加它在电脑屏幕上不同分辨率下的可读性。但是,大写的“I”和小写的“l”是无法区别的,你可以考虑用Tahoma字体来替代。
Arial的正确英文发音有很多不同说法。虽然有人习惯读作 "air-ree-al" ,但其实应该读作"are-ree-al" 。
List Filesystem Directory Information
2、Verdana
微软公司的网页核心字体之一,微软公司专门为屏幕显示而开发的。即使字号很小,仍有结构清晰、容易辨识等高品质的表现,所以是显示器中最清晰的字体。我比较喜欢采用10pt的Verdana来做英文正文字体,也推荐大家使用,但字号最好介于10~14像素之间,超出这个范围就不好看了。
List Filesystem Directory Information
3、Georgia
微软公司的网页核心字体之一,具有在小字下仍能清晰辨识的特性,可读性十分优良(比Times New Roman强)。微软将Georgia列入网页核心字型,是Windows系统的内建字型之一。是网站设计中,浏览效果最好的衬线字体,因为它是专为网上阅读设计的。
List Filesystem Directory Information
4、Times New Roman
Times New Roman(泰晤士新罗马),可能是最常见且广为人知的衬线字体之一,在字体设计上属于过渡型衬线体,对后来的字型产生了很深远的影响。另外由于其中规中矩、四平八稳的经典外观,所以常被选为标准字体之一。是网站浏览器默认的字体,12pt以上的字体容易阅读,但小字号的字体易读性差。
List Filesystem Directory Information
5、Trebuchet MS
微软公司的网页核心字体之一,与Arial相似,但比Arial看起来优雅、古典一点。可以用来做标题,但小字号阅读起来会很困难,低于13pt阅读起来就很累了,不太推荐用来做正文字体)。
List Filesystem Directory Information
6、Courier New
微软公司的网页核心字体之一,老式打印机字体,有一种独特的机械工整感觉。由于可以轻易的对齐字段的左右边界,因此是程序员写代码时最常用的等宽字体。12pt的Courier New字体曾是美国国务院的公文标准字体,但于2004年1月停用,改使用14pt的Times New Roman,因为其具“现代性”和“易读性”。
List Filesystem Directory Information
7、 Impact
微软公司的网页核心字体之一,Impact是1965年发表的一个无衬线字体,字体较为粗犷,其特粗的笔画、紧缩的间距适合使用在标题上,而不常用在正文。
List Filesystem Directory Information
8、Comic Sans MS
微软公司的网页核心字体之一,手写体。这是一种争议很大的字体,说实话,我也不喜欢这个字体,一点美感都没有,不过在一大堆规规矩矩的字体里面,有这么一个随意性比较的字体,可以变换一下口味,也算不错吧,建议不要用在正规的金融、政府、商业机构站点。
List Filesystem Directory Information
衬线体和无衬线体的区分,同样存在于东亚方块字体中。比如汉字中的宋体就是衬线体,而黑体就是无衬线体。宋体,港台地区或称明体,日文中称之为明朝体,是因为这种字体起源中国宋明时期,当时中国的雕版印刷术已经广泛传播,而用于制造活字的木纹多为水平方向,因此造成在刻字时横画细,竖画粗;而且为了防止边缘破损,横画在两端也被加粗,根据运笔习惯而形成三角形的装饰。
正因为衬线体在笔画始末的地方有额外的装饰,且笔画的粗细会因直横的不同而有所区别,所以强调出字母笔画的走势及前后联系,使得前后文有更好的连续性,更适合走文阅读。即更适合作为正文字体。
相反的,无衬线体笔划粗细基本一致,强调的是单个字母。容易造成字母辨识的困扰,常会有来回重读及上下行错乱的情形。因此,适合用作标题之类需要醒目但又不被长时间阅读的地方。
隶书属于衬线体吗?...
隶书属于衬线体吗?
你这个问题本身就有问题哦,所谓衬线体是西方的说法,在汉字里,尤其是在软笔书法,所以两者不能混淆了,衬线体只是一种美工字体,而隶书则是一种书法字体
标题用衬线字体,正文用非衬线字体
衬线字体和非衬线字体是欧美人提出的概念,实际上这个也适用咱们的汉字。
衬线字体是指有些偏艺术设计的字体,在每笔的起点和终点总会有很多修饰效果。衬线字体一般会很漂亮,但因为装饰过多,文字稍小就不容易辨认。所以,只适合用来做大标题,采用大字号。非衬线字体是指粗细相等、没有修饰的字体。笔画简洁,不太漂亮,但很有冲击力,容易辨认,所以很适合用来做PPT,适合正文采用。
根据锐普经验,微软雅黑兼具衬线字体的饱满和非衬线字体的醒目,用来做PPT比较合适,主要用作正文字体。
扔掉垃圾字体,采用更有设计感的字体
不要再告诉喜欢宋体、楷体、黑体、隶书这样的普通字体,在锐普PPT公司,他们都被称为“垃圾字体”。为什么?这种字体人人都用,遍地都是,而且越不专业的人用得越多,已经成为庸俗、普通、没有创意的代名词。
问下设计公司的人都用什么字体。他们一定告诉你:方正字库、汉仪字库、文鼎字库等等。是的,什么是专业?那就要创意的、独特的、美观的。
字体是有性格的,对路才能和谐
就像我们人类一样,文字也有阳刚、阴柔、霸气、谦卑、开放、保守的性格,不同的主题、不同的演示角色,选择不同性格的字体。
追逐一下潮流
就像服装一样,字体也有新款、潮流款。如这些年流行的微软雅黑正在取代以往的垃圾字体;如毛体长盛不衰,霸气十足;徐静蕾字体也正成为一种时尚
当然,潮流总是阶段性的,也许有一天微软雅黑也会变成一种垃圾字体,那就看谁升得快升得及时了。
线字体的分类有:
旧式衬线体(Old style):Adobe Jenson、Janson、Garamond、Bembo、Goudy Old Style 和 Palatino 过渡衬线体(Transitional)又称巴洛克体:Times Roman、Baskerville 现代衬线体(Modern):Didot、Bodoni 、Century、Computer Modern 粗衬线(Slab Serif)又称埃及体:Rockwell 、Courier、Clarendon