衬线与无衬线字体在网页设计中的应用

你好,大家好,又是我。

上一次我们简单地谈到了字体集和一些需要注意的基本问题。今天我们继续讨论字体的主题,并讨论上一次提到的一般字体家族。首先,最常见的衬线和无衬线字体是两个通用字体家族。



无衬线字体


衬线是指印刷中的衬线字体。为了理解衬线字体的概念,让我们看看典型的衬线字体的几个例子。
我的
Georgia字体的国王
时代新罗马字体汉字
宋体

短跨在我称为衬线字母M底部短线。以同样的方式,在Y,K上下,我和N有衬线的下方,所以这些字体被称为衬线字体,但字体没有衬线,如上面的G,例词。事实上,所有的字体,最终满足加固原理是衬线字体。所谓的端头加固是使用衬线或变化的厚度,使字体到底是改善喇叭的可读性。例如,在上面的例子中对Y的下部,和汉字在歌体,都是在粗糙的笔触最终实现端加固效果。此外许多衬线字体也使用增强的垂直笔划,如歌曲正文中的垂直和横向粗线条,以及夸张的字形(最明显的是小写G字符),以进一步提高其可读性。

因为衬线字体很易读,所以最常用的地方是文字或印刷文字。

更常见的衬线字体是格鲁吉亚,Garamond,宋体,中文歌体等。



-无衬线


除了衬线字体外,所有的字体都是衬线字体。SANS的前缀实际上是法语,所以标准的发音是,而不是。

Verdana字体可能
Arial字体书写


无衬线字体更流畅,线条一般粗糙、统一,更适合用作艺术字、标题等,由于无衬线字体通常更均匀,字体显示时可读性会降低,容易引起视觉疲劳。

常见的衬线字体是Trebuchet MS,宋体,Verdana,Arial,瑞士,中国,有隶书等。



你什么时候用衬线你什么时候用无衬线字体


从上面的介绍中我们可以看出,衬线字体是用来作为正文内容的,每个人都可以复印一份报纸,看看上面的文章是否在正文中,如果你手上有外语阅读,你也可以看看。文本衬有衬线,衬线字体的大小比衬线字体更容易阅读。

那只敏捷的棕色狐狸跳过了懒惰的狗。
那只敏捷的棕色狐狸跳过了懒惰的狗。

然后你可以把报纸变成标题,标题通常是各种各样的,一致的或中等黑体的,英文报纸的标题大多不是衬线,这是应用它们的基本原则。

但你可以看到很多网站,他们的文字只是衬线-自由宋体,Verdana,Arial,等。中国的网站可能是因为字体的限制,歌曲风格大多使用,但当检查他们的样式,我们会发现,大多数的候选字体sans-serif。不是不坏吗



当然不是.



衬线字体的可读性实际上只有小字体。你可以拿出新复制的报纸,并与你的显示器上的文本进行比较。你会发现在报纸上的文字比显示器上的文字较小的完全。事实上,在通常的大小宋体文本的晚报,在高质量的液晶显示器0.25mm,大小均为10px ~ 11px显示字符;在一个普通的液晶显示器(距离一般0.28mm),可能只相当于8px ~ 10px显示字符。

这是印刷媒体和屏幕媒体的最大区别。为了节省成本,印刷业将使打印尽可能小的时候保证是可读的,显示没有这样的成本,所以大的文本可以显示。当文字足够大的衬线免费字体同样是可读的,因为无衬线字体通常是艺术,它通常是更舒适的显示监视器,和无衬线字体比衬线字体,所以有很多挑选的余地。所以你可以放心使用。然而,以下原则必须保证:在文章的内容的可读性必须以无衬线字体的使用保证。否则,使用衬线字体字体。换句话说,如果你想使用无衬线字体来显示网页的内容,你必须设置字体大小足够大,以确保用户可以轻松阅读。

如何大字体的大小,它不同于font.12px Verdana已经完全足够了,但它可以很容易地读剧本,它可能需要更多的24px。

下面11px英文字体,建议使用serif字体。在中国,因显示器的硬件限制,不管是什么类型的字体是不推荐使用下面11px字体大小显示。



-其他通用字体族


在印刷方面,除了衬线和无衬线字体,等宽,脚本通常等宽字体(如手写草书字体),该铅(也叫歌特。严格地说,许多常用的衬线字体是哥特字体,装饰材料(那些文字笔画或四周装饰图案)。许多中世纪的书是很常见的。如果脑残体真的成了一个字体,所以应该可以算装饰身体…)…和象征符号字体(如著名的wedding123…)。



但是CSS与一般字体家族的定义有点不同,除了衬线和无衬线外,CSS还允许使用以下通用字体家族:


等宽字体宽度

所谓的等宽字体,是指每个字符的宽度是一样的字体,一个著名的例子是Courier New字体。因为字符的宽度是一致的,它是调整非常方便,可快速、准确地定位到一行一列,所以它经常被用来显示代码。

需要注意的是,等宽字体也可以是一个重要的(或非衬线字体)。Courier New,例如,也可以被看作是一个衬线字体(严格说哥特式)。
草书体:相当于印刷术中的手写体。
幻想梦体:相当于印刷科学中的装饰,一种非常罕见的没有参考价值的字体。

需要注意的是CSS中不支持符号字体系列。请使用符号类型字体,请使用图片。



-有些事情你不知道


黑体字实际上是一个衬线字体,你可以看到下面的地图:


你可以看到,黑色的身体实际上是最后的钢筋,因此很多印刷体也会用黑体。喜欢这种字体,使用温和的结束,大致均匀的笔画,可以称之为小线/小衬。(类似明显加强的歌,末笔划粗细有明显的不同,通常称为板衬线 /雕刻线)

遗憾的是,由于硬件的原因,当你在显示器上显示黑体时,你可以把它看作是一个衬线字体。
斜体不是斜体字。

斜体倾斜。斜体,顾名思义,是意大利体,斜体是写作风格(书法脚本),和斜是一种印刷,都是不同的。中学英语写作教写作的方式是意大利。除了在意大利写作和法国的身体的一种流行方式(传说中的花体,名字是法语脚本),哥特、亚伯拉罕等。

许多精美的字体将定制一套特殊的字体为意大利,而不是简单地显示斜体。例如,在下面的图片,三行文字都是格鲁吉亚字体,第一行是常见的;第二行是斜的,即斜体;第三行是真正的斜体意大利的身体。


让我们来看看A、L、I、E等第三行的字母,这显然是不同的。事实上,乔治亚斜体和格鲁吉亚是系统中两种不同的字体文件。当我们指定字体样式为斜体时,系统将自动搜索格鲁吉亚斜体的字体,并尝试使用此字体显示文本内容。

可以说,当我们指定的字体样式和字体样式:斜,浏览器不应该为格鲁吉亚斜体字体,直接倾斜格鲁吉亚的字体,所以我们应该在图在理论上得到二线的影响。不幸的是,即使是W3C的CSS规范的参考实现,也如果UA不能正确显示斜体,斜体斜,可以用来代替斜显示,所以几乎没有任何浏览器区分斜体斜。即使你设置的字体是斜的,你也会发现浏览器也是斜体



今天就在这里,接下来我要讲的是如何建立合理的字体系列,并推荐两个使用过的字体组合在一起。