粗体文本周围的空格也应该加粗吗?

平面设计 排版 文本
2021-12-31 13:33:46

在下图中,顶部文本在粗体字周围有常规空格bar,而底部文本包括粗体样式中的空格:

粗体空格

我添加了红色垂直标记线,以便更容易看到单词没有完美排列。对于某些字体,这似乎没有什么区别,但对于其他字体(如 Avenir)来说,这确实很重要。

有没有我应该更喜欢的一般规则?如果我把一个词加粗,我是否也应该把它周围的两个空格都加粗?

(如果它没有过多地扩大问题,那么斜体文本而不是粗体文本呢)?

4个回答

不,空格不应该是粗体,因为那会是不好的语义。一个单词或一组单词可以加粗,但单词周围的空格不能。

这与视觉设计的任何想法是分开的,并且独立于任何实现。语义来自作者。它们不取决于设计师。设计师拥有视觉设计工具来进行视觉设计。同样,在任何实现中。

在您的示例中,作者写道:

foo **bar** baz

… 这里在 Markdown 中显示,但它适用于任何写作环境

作者没有理由加粗空格,因为加粗空格没有语义上的理由。粗体文字来自作者的脑海。他们用粗体显示一个单词(或一系列单词)而不是加粗空格。

因此,上述 Markdown的 HTML(示例是 HTML 中的,因为您的示例是 HTML 中的,但这适用于任何实现)是:

foo <b>bar</b> baz

……然后视觉设计开始。

如果您出于某种原因想要在粗体文本周围留出额外的空间——并且正如你的示例所暗示的那样,你正在使用 HTML 工作——你使用 CSS 或 JavaScript 来修改 DOM,你不会破坏 HTML 的语义。如果您在 InDesign 或 Illustrator 或任何视觉设计环境中工作,同样适用。

如果你看一个使用实际写作的例子,那就更清楚了:

危险不要吃包的内容。

……大胆强调的是“危险”这个词。没有其他的。

老实说,我认为这并不重要。间距的任何差异都可以忽略不计且不明显。但是,这是我通常会做的事情。

间距的任何差异都取决于字体。如果有区别,字体设计师有意识地决定做出这种区别,所以使用它。根据定义,粗体字体比其常规粗体字体宽,因此任何可能经过仔细计算以适应字体的间距自然需要同样宽。额外的空间(理论上)会增加文本的易读性和平衡性。

要记住的一件事是保持一致。如果您在一侧使用粗体空间,请在另一侧也使用它。不这样做可能会使文本看起来不平衡。在很多程序中,如果你双击选择一个单词,它会选择单词和尾随空格,所以如果你双击并将字体更改为粗体,你最终会在前面有一个正常的空格,在后面有一个粗体空格。

其他人则指出它在语义上是不正确的。如果您使用的源代码或标记必须与视觉输出一样正确,则这是正确的,但这不是重点。

总而言之 - 任何人都不太可能注意到任何一种方式,但如果你真的关心 - 按照设计者的意图使用字体,使用粗体空格,并始终如一地使用它们。

实际上,这确实很重要,这是一个很好的问题。我有使用某些设备的经验,当空白空间没有被强制作为一个实体时&#160;,如果空间存在于跨度标签之类的东西中,它会错误地呈现内容。

例如foo barfoobar当编码为:

<span class="bold">foo </span>bar

一些应用程序,例如 InDesign,在 HTML 和 CSS 上将其导出为:

<span class="bold">This is Friday</span>

总体而言,这可以由设计人员决定,但应在工作流程中采用以实现对等。我鼓励您测试如何在成品上处理它,因为它可以在您的开发中发挥作用。因此,为了回答您的问题,当我使用 HTML 进行开发时,我的 span 标签中不包含结束或开始空格,因为我有过一些设备的渲染引擎忽略它们的经验。

如果您选择在标签的末尾或开头包含空格,我鼓励您这样编码:

<span class="bold">foo&#160;</span>bar

从开发的角度来看,您应该考虑解析行为和可用性。例如,如果您开发一本字典并计划解析出某些可以合并到特定部分的元素,如果您在诸如跨度标签之类的东西或元素中包含开始和结束间距,则可能会对结尾产生重大影响。

投反对票后

如果您认为合适,您可以投反对票,但事实仍然是,这不能被引用为偏好。市场上的一些设备忽略了间隔是如何执行的,我回答的目的是提到查看内容的途径应该是决定和创建方式的一个因素。就我个人而言,当我开发内容时,我会考虑它在应用程序、打印或网站上的查看方式,因此 OP 也应该考虑这一点。

在我被告知这不适用于网络之后,它仍然归结为产生问题的媒介。如果不是,那么无论如何都要这样做,但采用平价。如果是,那么以正确的方式进行操作。

这取决于设计者,但在大多数情况下最终并不重要。

在设计方面,前导或尾随粗体(或斜体)部分的空格是否为粗体几乎没有区别。它唯一的作用是单词之间的间距(我相信设计术语仍然是字母间距,但我喜欢称它为单词间距)。空间的大小会影响打印的“频率”(请参阅​​本文)。然而,在大多数情况下,这种仅在空格前导或尾随粗体或斜体部分引起的差异非常微不足道,可以安全地忽略。

粗体空间是否比非粗体空间占用更多空间取决于所使用的字体。有些字体使它们都具有相同的大小,而另一些则使粗体空间更宽一些。您必须进行测试以查看您使用的字体的作用(如果您关心的话)。

我认为真正重要的唯一情况是字体非常大的情况,例如标题中的字体。在这种情况下,由于规模较大,差异量可能会更显着。然而,对于像这样的大文本,设计师无论如何都应该查看它,并可以根据需要进行调整。

我建议选择更容易但最重要的是保持一致倾向于增加更多的空间(包括它们以粗体显示)。

话虽如此,如果您使用的是 HTML 之类的标记语言,则使用 CSS 之类的样式语言添加这个额外的房间前导或尾随粗体部分在语义上更合适,而不是在标记内包含加粗的空间。