网站大量收购闲置独家精品文档,联系QQ:2885784924

浅谈网站响应式字体排印.pdf

  1. 1、本文档共11页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
浅谈网站响应式字体排印 响应式字体排印:基础 Responsive Typography: T he Basics 英文原文链接: /blog/responsive-typography-the-basics/ 作者: Oliver Reichenstein 译者: vivianalive 我们建网站,一般是从定义正文文本开始。正文文本的定义决定了你主要内容栏的宽度,而其它的 属性以前则几乎是遵循它本身。以前是如此。直到不久前,屏幕分辨率还是基本相近。现在我们面 对的是各种大小的屏幕和分辨率。情况变得复杂多了。 借着网站重新发布的热火,我匆匆地写了一 篇关于响应式字体排印的博文,焦点是我们最近的实验相关:响应式字体排印。如果不了解 iA 的 历史,你可能会忽略掉我们新网站上的一些响应式字体排印和设计方面的关键要素。我没有把与该 话题相关的文章整理一起,相反,我决定从头开始,一步一步解释响应式排印。下面是第一步。 自适应布局:分步地调整布局以适应有限种 (屏幕 )大小。 流体布局:持续不断地调整布局以适应各种可能的宽度。 虽然两者都有优缺点,我相信,分段尽可能少的自适应设计是最好的。因为可读性比拥有一个总是 和viewpoint( 视口 )一样宽的布局更重要。这个观点本身所涉及的因素相当复杂,值得商榷。但为了 确保最佳的可读性,须控制文本大小 ( 内容栏的宽度 ) ,因此流体布局带来的问题比它解决的多。更 多这方面的内容下次再讲。 注意:响应式设计已经结合了许多宏观的字体排印问题 (字体大小、行高 、列宽 )。所以响应式设计在许多方面已经结合了响应式字体排印。我们发布在网站上的第一篇关于 响应式字体排印的文章主要是关于我们使用分级字体 (译注:字体大小阶梯式地改变 ) 。我想在下篇 文章中讲分级,现在深入讲屏幕上响应式宏观字体排印的基础。 选择一种字体 正确的基调 你早晚要决定使用那种字体。你对字体的选择基本就决定了基调,但,由于每种字体都有它自己的 品质且要求 (或限制 )特定的处理方法,字体的选择会带来诸多视觉和技术上的结果。有了 web 字体, 你现在有很多的字体可以选择,于是找到一种合适的字体又变成一项挑战。 我们通过为这个网站设 计自己的字体来实验分级字体。我们选择了一种衬线字体,因为它符合我们的基调,映照了我们内 容的文雅 (至少我们是这么认为 ) 。我们给 iA Writer 选择的是一种等宽字体。因为我们软件的主要目的 是帮你获得第一份草稿,我们特地选了 Nitti 一种让人同时感觉有力和细心的字体。选择一种等宽字– 体这一决定,也是由于第一代 iPad 系统不能自动调整比例字体的间距。我们没有使用一种可能被渲 染得很糟糕的比例字体,而是决定直接选一种等宽字体。 衬线还是无衬线 ? 通常选择会落在衬线和无衬线之间。这本身就是一个复杂的问题,但有一条简单的经验法则或许可 以帮你:衬线字体是一名牧师,无衬线字体是一名黑客。谁也不比谁更好,但是由于种种原因,衬 线字体更具专制感,而无衬线字体更加民主。记住,这可是夹在两条弯弯曲曲的线中五千年的印 刷史,所以别太认真。 许多人还是认为,就屏幕上的字体排印, 衬线还是无衬线“ ”这个问题本身就 能回答。实际上没那么简单。与普遍观念相反,如果你设置的正文字体大于 12像素,衬线和无衬线 的表现就会一样好。低于 12像素,衬线字体渲染的不够锐利,但反正 (这把我们带到第二点 )在现代 的显示器上 12 像素实在太小。 大小 ? 你的正文字体的大小并非由你的个人喜好决定。它取决于阅读距离。考虑到通常电脑要比书本远, 桌面字体的尺寸需要比印刷品上使用的字体更大。 下边的插图说明,正文文本离你越远,它就应该 更大。两个黑色的 A 和两个红色的 A 的尺寸相同。但由于右边放的较远,看上去更小。右图中的红色 A 看上去和左图中的黑色 A 一样大: 行

文档评论(0)

tianya189 + 关注
官方认证
内容提供者

该用户很懒,什么也没介绍

认证主体阳新县融易互联网技术工作室
IP属地上海
统一社会信用代码/组织机构代码
92420222MA4ELHM75D

1亿VIP精品文档

相关文档