网络书籍的版式

我喜欢经典的老式衬线字体:Caslon,Baskerville,Bembo,Garamond……我爱他们。 这可能就是为什么我总是在Edward Tufte的书中发现字体如此吸引人的原因-他总是将Bembo用于正文复制,将Gill Sans用作标题。

今年早些时候,我偶然发现了Tufte数字发行版的ET Book所用的Bembo屏幕版本。 最棒的是,它是开源的:

ET Book是Dmitry Krasny,Bonnie Scranton和Edward Tufte设计的一种类似于Bembo的计算机字体。 它是免费和开源的。

当我设计Resilient Web Design的样式时,我知道字体的选择将是我做出的最重要的决定之一。 记得开源的ET Book字体,我将其插入以查看外观。 我喜欢我所看到的。 当它以相当大的尺寸(全黑或全黑时,它开始变得有点模糊)时,它是全黑全白时,我发现它特别吸引人。

我喜欢,也喜欢,喜欢ET Book的老式数字。 但是我很失望地看到连字似乎没有通过(即使我在CSS中启用了连字)。 我向里奇提到了这一点,当然,他忍不住要进行一些印刷侦查。 事实证明,连字字形存在于源文件中,但是文件需要稍作调整才能启用它们。 由于文件是开源的,因此Rich能够调整自己的内心内容。 然后,我将经过调整的打开类型文件放到Font Squirrel中,以生成WOFF和WOFF2文件。 我把它们放在Github上了。

对于这本书,我决定将措施放在首位。 我决定使用大约55到60个字符的字体-每行大约10或11个单词。 我结合使用了27em的最大宽度和Mike出色的流体类型技术来保持一致的度量。

在小屏幕设备和平板电脑上看起来很棒。 在大屏幕上,字体大小开始变得非常大。 就个人而言,我喜欢。 许多其他人也喜欢它。 但是有些人真的不喜欢它。 我可能应该为那些在豪华大屏幕上觉得字体大小太令人震惊的人添加一个字体大小调整小部件。 同时,他们唯一的办法就是派生CSS,以使用更熟悉的字体大小制作自己的书本版本。

几个人对字体大小表达的内心反应让我想起了杰弗里几年前重新设计自己的个人网站时所受到的挫折:

自重新设计以来,访问过此网站的许多人都对大型字体发表了评论。 很难错过。 毕竟,言语实际上是我没有删除的唯一功能。 有些人说他们喜欢它。 其他人不确定。 许多仍在处理中。 一些人说他们讨厌它,并建议我迷失了方向。

我想知道那些抱怨的人几年后在一个中等的世界中感觉如何? Jeffrey的重新设计看起来不再那么极端。

弹性Web设计将在网上非常非常长的时间。 我很好奇,看看它的字体大小在未来几年内是否还会看起来惊人。

这最初发布 在我自己的网站上