粗体文本周围的空格是否也应设为粗体?


18

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

粗体空格

我添加了红色的垂直标记线,因此很容易看到单词排列不正确。对于某些字体,这似乎没有什么区别,但是对于其他字体(如Avenir)却很重要。

关于我应该选择哪个通用规则?如果我将单词加粗,是否还应该将其周围的两个空格都加粗?

(如果它没有扩大问题太多,那么用斜体而不是粗体该怎么办)?


您的描述来自html / css吗?我很确定html / css会为您的两个标记提供相同的确切宽度。基本上,我知道html / css中没有大胆的空间,但我绝不是Web设计师(CC:@ZachSaucier)
Ryan

这个问题不是特定于网络的。我只是添加了文本的HTML等效项,以试图使空格清楚地包含在粗体样式中。我愿意以更好的方式进行澄清。
Cornstalks

4
@Cornstalks老实说,我将编辑并删除问题中的标记,我认为这会分散人们的注意力:)

1
我实际上不认为应该删除HTML。我认为应该添加其他标记。或整个问题改写。看到我希望是连贯的答案
瑞安(Ryan)

3
如果在下划线而不是粗体上询问此问题,那么每个人都会同意该怎么做...但是,在这种情况下,您可能要考虑一下:如果粗体字体在设计上(显着)具有更大的空格怎么办?一个单一的字看上去依然不错,但在空间两个字普通的文本里面看起来会有些古怪-然后我可能会取代非一个大胆的空间,并保留了“大胆”的空间只有整个加粗的句子。
usr2564301 2016年

Answers:


11

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

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

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

foo **bar** baz

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

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

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

foo <b>bar</b> baz

......这是视觉设计开始时。

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

如果您使用实际写作来查看示例,则会更清楚:

危险请勿吞食包装内的物品。

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


2
OP 在视觉设计方面正在询问这种情况,因此您对标记偏好的回答无关紧要
Zach Saucier

2
我讨论了视觉设计-如果要通过CSS规则添加多余的空间,则不要在HTML中添加它们。与您不通过在HTML中放置多个不间断空格来增加单词间距一样。如果问题是“我是否通过在多个不间断的空格中添加单词间距?”,则答案的结构将相似-HTML仍保留语义,可视化设计由CSS规则完成。
西蒙·怀特

3
Zach是正确的,认为标记与问题无关。该标记仅用于说明OP的含义。我同意从语义上讲这将是不好的标记,但这无关紧要。

1
我认为也许您正在看到“语义”一词,并认为这是HTML特定的术语。它不是。它适用于所有写作。我使用的示例都是在HTML中完成的,因为这是发问者使用的示例。但这适用于任何实现。如果您在InDesign中工作,您仍然有来自作者的手稿,那么您仍然可以使用InDesign中的可视化设计间距工具来修改间距,而不是随便使用文本的语义。
西蒙·怀特

1
在HTML或任何其他程序之外,我认为语义(即您所谈论的方式)几乎没有那么重要。在打印时,我经常添加额外的段落分隔符或空格等。从语义上讲,这是不正确的,但是如果您时间紧迫,它会更快,更容易,并且不会真正影响任何东西。
2016年

6

老实说,我认为这并不重要。间距上的任何差异都可以忽略不计并且不会引起注意。但是,这通常是我要做的。

间距的任何差异将取决于字体。如果存在差异,则字体设计师会做出有意识的决定来实现该差异,因此请使用它。根据定义,粗体字体要比其常规粗体字体宽,因此,很可能已经过仔细计算以适合该字体的任何间距,自然都需要同样宽。从理论上讲,多余的空间将增加文本的可读性和平衡性。

要记住的一件事是保持一致。如果您在一侧使用粗体空间,则在另一侧也使用它。不这样做可能会使文本看起来不平衡。在许多程序中,如果双击选择一个单词,它将选择该单词和尾随空格,因此,如果双击并将字体更改为粗体,则最终会在其前面加一个普通空格,在其后加一个粗体空格。

其他人则指出它在语义上是不正确的。如果您使用的源代码或标记必须与视觉输出具有同等的正确性,那么这是正确的,但这不重要。

总结-不太可能有人注意到这两种方式,但是如果您确实在意-请按照设计者的意图使用字体,使用粗体空格,并始终使用它们。


“任何间距上的差异都可以忽略不计”-但是,如果存在差异,那么足以改变其他功能(例如自动换行)吗?
怀特先生

5
“……如果您愿意的话,请按照设计者的意图使用字体,并使用粗体空格。”当然,设计人员选择将粗体空格增大—但这是针对粗体文本的空格,即两个单词之间都加粗了。我们不知道设计师为一个粗体字和一个非粗体字之间的间距选择的间距。
Peter LeFanu Lumsdaine

5

其实这很重要,这是一个很好的问题。我曾在某些设备上体验过,如果不强制使用空格,&#160;因为如果空格存在于span标签之类的实体中,它将无法正确呈现内容。

例如,foo bar渲染为时foobar编码为:

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

某些应用程序(例如HTML和CSS上的InDesign)将其导出为:

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

总体而言,这取决于设计者,但是应该在工作流中采用这种方式以实现奇偶校验。我鼓励您测试在最终产品上将如何处理它,因为它会影响您的开发。因此,为回答您的问题,当我使用HTML进行开发时,我没有在span标记内包含结尾或开头的空格,因为我有经验,渲染引擎会从一些设备中忽略它们。

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

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

从开发的角度来看,您应该考虑解析行为和可用性。例如,如果您开发字典并计划解析某些元素,而这些元素可能包含在特定部分中,而如果您在诸如span标签之类的元素中包含开始和结束间隔,或者在元素中包含开始和结束间隔,则可能会在结尾处产生明显的结果。

下票后

如果您认为适当的话,可以拒绝投票,但事实仍然是不能将其作为首选项。市场上有几种设备会忽略间隔的执行方式,而我的回答是要提到查看内容的途径应成为决定以及如何创建内容的因素。就个人而言,在开发内容时,我会考虑如何在应用程序,印刷版或网站上查看内容,因此此类OP也应考虑这一点。

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


1
我至少能得到为什么要投票的解释吗?
DᴀʀᴛʜVᴀᴅᴇʀ

我认为这是因为着眼于实现方面
Zach Saucier

1
植入面应始终是最终产品的一个因素,因为它可以描述其开发方式。
DᴀʀᴛʜVᴀᴅᴇʀ

1
同意!尽管我认为这不是此问题的重点
Zach Saucier

1
如果常规字体和粗体字体之间存在间距差异,这是因为字体设计者有意识地决定做出这种差异,请使用该字体。如果不能,因为您需要考虑技术限制的标记语义,那就是一个单独的问题。重要的问题,但与众不同。
2016年

4

这取决于设计者,但最终在大多数情况下几乎没有什么意义

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

粗体空间是否比非粗体空间占用更多的空间取决于所使用的字体。有些字体使它们的大小相同,另一些字体使粗体的空格稍宽一些。您必须进行测试以查看所使用的字体的功能(如果需要的话)。

我认为唯一可能真正重要的情况是很大的字体大小,例如标题中的字体大小。在这种情况下,由于比例较大,差异量可能会更大。但是,对于像这样的大文本,设计人员应始终对其进行检查,并可以根据需要进行调整。

我建议您选择比较容易的方法,但最重要的是保持一致。倾向于增加空间(包括黑体字)。

话虽如此,如果您使用的是诸如HTML之类的标记语言,则在语义上更合适的做法是使用CSS之类的样式语言来添加此额外的空格,使之在粗体部分的开头或结尾,而不是在标记内部添加空格。


如果有人给我HTML时每行加粗的文本都带有加粗的空格,那么我会认为这是一个错误并使其修复。
西蒙·怀特

2
@SimonWhite问题是关于视觉设计,而不是标记
Zach Saucier

您不使用HTML进行视觉设计。那就是CSS的目的。该问题包括一些标记示例,这些标记都是不良标记的示例。
西蒙·怀特

2
@SimonWhite他不是在问HTML或CSS。他问的是网站设计的大胆之处,这是该网站的目的
Zach Saucier

他的实现示例是HTML。这就是HTML引入的方式。如果该示例在Illustrator中,则可以用这些术语进行讨论。但是,答案仍然是相同的:您不使用粗体空格,因为在编写时没有像粗体空格这样的语义内容。作家不写它们。如果要在任何实现中修改单词间距,都无需遍历文本并在每个单词之间添加额外的空格,则可以使用可视化设计工具来增加单词间距。无论是HTML,InDesign,Illustrator或任何实现,粗体文本之间的间距也是如此。
西蒙·怀特

3

好吧,我想我现在已经明白了,这是一个有趣但复杂的问题,这就是为什么答案无处不在的原因。希望以我的无限智慧(阅读:睡眠不足的心灵),我可以澄清一下

标记,HTML,LaTeX- 确实很重要,但是现在您如何考虑它们。

例如,就像您在初始示例中使用的那样:

  • HTML: The <b>cat</b> died last night!
  • 标记: The **cat** died last night!
  • BBCode: The [b]cat[/b] died last night!

或者您可能有:

  • HTML: The<b> cat </b> died last night!
  • 标记: The** cat **died last night!
  • BBCode: The[b] cat [/b]died last night!

现在您说您不是在问HTML只是设计。但这是一个令人困惑的地方,所以我将尝试解释。粗体是语义的函数(就像Simon也在尝试解释那样)。无论您使用的是什么系统,都必须告诉它大胆。

您真正要问的问题:使用更强的字体时是否应该增加空格?


那么,使用较粗的字体时是否应该增加空间?

这取决于设计师。在您选择的应用程序中展开一堆字母,然后按您认为合适的方式排列它们。没有严格的规定。

看到这里没有粗体空格,因为这里根本没有空格字符,页面上只有字母:

在此处输入图片说明

在此处输入图片说明

距离更近,距离更远……这完全取决于设计师。


1

每个字形的宽度(包括空格)由字体设计器在字体内部定义。在Avenir的情况下,设计人员选择增加空间的宽度,以在增加权重时保留两个单词之间的相对间距,但是设计人员几乎可以肯定的是,设计该字体时并没有考虑到一句话中的混合权重。

因此,没有正确的答案。空格是在相同字体粗细的单词之间看起来正确的宽度。您必须对自己的具体情况采取自己的判断,因为打字员没有帮您做。您绝对应该做的唯一一件事就是在粗体字之间使用粗体空格。

可以想象使用两种完全不同的字体,每种字体的间距都非常不同。您可以在此处告诉我们,关于在两个单词之间使用哪种字体的度量标准,实际上并没有明确的正确答案。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.