Os espaços ao redor do texto em negrito também devem ser destacados?

Na imagem a seguir, o texto superior possui espaços regulares ao redor da palavra em negrito bar, enquanto o texto inferior inclui os espaços no estilo em negrito:

Adicionei linhas verticais vermelhas para facilitar a visualização das palavras. Para algumas fontes, isso não parece fazer diferença, no entanto, para outras (como Avenir), isso importa.

Existe uma regra geral sobre a qual devo preferir? Se eu deixar uma palavra em negrito , devo também colocar em negrito os dois espaços ao seu redor?

(e se não ampliar muito a pergunta, e o texto em itálico, em vez do negrito )?

Não, os espaços não devem ser em negrito, porque isso seria semântica ruim. Uma palavra ou sequência de palavras pode estar em negrito, mas os espaços ao redor de uma palavra não podem.

Isso é separado de qualquer pensamento de design visual e independente de qualquer implementação. A semântica vem do escritor. Eles não dependem do designer. O designer possui ferramentas de design visual para realizar seu design visual. Mais uma vez, em qualquer implementação.

No seu exemplo, o escritor escreveu:

foo **bar** baz

… Mostrado aqui no Markdown, mas se aplica a qualquer ambiente de escrita .

Um escritor não teria motivos para colocar em negrito os espaços, porque não há razão semântica para colocar em negrito os espaços. O texto em negrito vem da mente dos escritores. Eles estão em negrito uma palavra (ou sequência de palavras) e não espaços em negrito.

Portanto, o HTML - exemplo está em HTML porque seu exemplo está em HTML, mas isso se aplica a qualquer implementação - do Markdown acima é:

foo <b>bar</b> baz

… E é depois disso que o design visual começa.

Se, por algum motivo, você quiser um espaço extra em torno do texto em negrito - e estiver trabalhando em HTML, como o exemplo indica -, use CSS ou JavaScript para modificar o DOM, não destrua a semântica do HTML. Se você estiver trabalhando no InDesign ou Illustrator ou em qualquer ambiente de design visual, o mesmo se aplica.

Se você observar um exemplo usando a escrita real, é mais claro:

Perigo não coma conteúdo do pacote.

... é a palavra "Perigo" que tem uma ênfase ousada. Nada mais.

Honestamente, eu não acho que isso realmente importe. Qualquer diferença no espaçamento será insignificante e não perceptível. No entanto, isso é algo que normalmente faço.

Qualquer diferença no espaçamento dependerá da fonte. Se houver uma diferença, o designer da fonte tomou uma decisão consciente de fazer essa diferença, então use-a. Uma fonte em negrito é, por definição, mais larga do que sua contrapartida com peso normal, portanto, qualquer espaçamento, que provavelmente foi calculado cuidadosamente para se ajustar à fonte, naturalmente precisará ser igualmente mais amplo. O espaço extra aumentará (em teoria) a legibilidade e o equilíbrio do texto.

Uma coisa a ter em mente é ser consistente. Se você usar um espaço em negrito de um lado, use-o do outro também. Não fazer isso pode deixar o texto desequilibrado. Em muitos programas, se você clicar duas vezes para selecionar uma palavra, ela selecionará a palavra e o espaço à direita; portanto, se você clicar duas vezes e alterar a fonte para negrito, terá um espaço normal antes e um espaço em negrito depois.

Outros fizeram questão de ser semanticamente incorreto. Isso é verdade se você estiver trabalhando com código-fonte ou marcação que deve ser igualmente tão correta quanto a saída visual, mas isso não vem ao caso.

Em resumo - é improvável que alguém note alguma maneira, mas se você se importa - use a fonte como pretendido pelo designer, use espaços em negrito e use-os de forma consistente.

Na verdade, isso importa e é uma boa pergunta. Eu tive experiência com alguns dispositivos quando o espaço em branco não é forçado como uma entidade com  ele renderizaria o conteúdo incorretamente se o espaço existisse em algo como uma tag span.

Por exemplo, foo barrenderiza como foobarquando codificado como:

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

Alguns aplicativos, por exemplo, o InDesign, em HTML e CSS, o exportam como:

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

No geral, isso depende do designer, mas deve ser adotado no fluxo de trabalho por paridade. Gostaria de encorajá-lo a testar como ele será tratado no produto final, pois ele pode desempenhar um fator no seu desenvolvimento. Portanto, para responder à sua pergunta, quando desenvolvo usando HTML, não incluo espaços finais ou iniciais nas minhas tags span, pois tive experiência com elas sendo ignoradas pelo mecanismo de renderização em alguns dispositivos.

Se você optar por incluir espaçamento no final ou no início de suas tags, recomendamos que você codifique da seguinte forma:

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

Do lado do desenvolvimento, você deve levar em consideração a análise do comportamento e da usabilidade. Por exemplo, se você desenvolver um dicionário e planejar analisar determinados elementos que poderiam ser incorporados a uma seção específica, se incluir o espaçamento inicial e final em algo como tags span ou em um elemento, poderá ter resultados drásticos no final.

Após voto negativo

Você pode votar se achar apropriado, mas ainda permanece o fato de que isso não pode ser citado como uma preferência. Vários dispositivos no mercado ignoram como o espaçamento é realizado, e o objetivo da minha resposta foi mencionar que a avenida em que o conteúdo seria visualizado deveria ser um fator na decisão e como ele é criado. Pessoalmente, quando desenvolvo o conteúdo, levo em consideração como ele é exibido em um aplicativo, impresso ou em um site, e assim o OP deve considerar isso também.

Depois que me disseram que isso não é para a web, ele ainda se resume ao meio em que vai produzir um problema. Caso contrário, faça-o de qualquer maneira, mas adote a paridade. Se for, faça-o de maneira que saia corretamente.

Isso depende do designer, mas, em última análise, é de pouca importância na maioria dos casos.

Em termos de design, faz muito pouca diferença se os espaços à esquerda ou à direita das seções em negrito (ou itálico) estão em negrito ou não. O único efeito que ela tem é o espaçamento entre as palavras (acredito que a terminologia do design ainda seja o espaçamento entre letras, mas gosto de chamá-lo de espaçamento entre palavras ). A quantidade de espaço afeta a "frequência" (consulte este artigo ) da impressão. No entanto, na maioria dos casos, essa diferença causada apenas nas seções em negrito ou itálico à esquerda ou à direita do espaço é tão insignificante que pode ser ignorada com segurança.

Se um espaço em negrito ocupa ou não mais espaço do que um espaço em negrito depende da fonte usada. Algumas fontes as tornam do mesmo tamanho, outras aumentam um pouco os espaços em negrito. Você terá que testar para ver o que a fonte que você está usando faz (se você se importa).

O único caso em que acho que realmente importa é no caso de tamanhos de fonte muito grandes, como os dos cabeçalhos. Nesse caso, a quantidade de diferença pode ser mais significativa devido à escala maior. No entanto, com textos grandes como esses, os designers devem examiná-lo de qualquer maneira e podem fazer os ajustes necessários.

Eu recomendo ir com o que for mais fácil, mas o mais importante é manter a consistência . Tende a adicionar mais espaço (incluindo-os em negrito).

Com isso dito, se você estiver usando alguma linguagem de marcação como HTML, é mais semanticamente apropriado adicionar essa sala adicional que conduz ou arrasta uma seção em negrito usando uma linguagem de estilo como CSS em vez de incluir o espaço dentro da marca que está em negrito.

Tudo bem, acho que entendo agora e essa é uma pergunta interessante, embora complicada, e é por isso que as respostas estão por todo o lado. Espero que em minha infinita sabedoria (leia-se: mente sem sono) eu possa esclarecer

Marcação, HTML, LaTeX --- estes importam, mas agora como você está pensando sobre eles.

Por exemplo, teríamos, como você usou no seu exemplo inicial:

• HTML: The <b>cat</b> died last night!
• Marcação: The **cat** died last night!
• BBCode: The [b]cat[/b] died last night!

Ou você pode ter:

• HTML: The<b> cat </b> died last night!
• Marcação: The** cat **died last night!
• BBCode: The[b] cat [/b]died last night!

Agora você diz que não está perguntando sobre HTML, apenas design. Mas é aí que isso é um pouco confuso, então vou tentar explicar. Negrito é uma função da semântica (como Simon está tentando explicar também). Não importa qual sistema você esteja usando, algo deve dizer para ser ousado.

O que você realmente deseja perguntar: o espaço deve ser aumentado ao usar uma fonte mais forte?

Portanto, o espaço deve ser aumentado ao usar uma fonte mais espessa?

Isso é com o designer. Expanda um monte de cartas em um aplicativo de sua escolha e organize-as como achar melhor. Não existe uma regra estrita sobre isso.

Veja que não há espaços em negrito, porque não há caracteres de espaço aqui, apenas letras lançadas em uma página:

Um pouco mais perto, um pouco mais longe, o mesmo ... tudo depende do designer.

A largura de cada glifo (incluindo o espaço) é definida pelo designer da fonte dentro do tipo de letra. No caso de Avenir, o designer optou por aumentar a largura do espaço para preservar o espaçamento relativo entre duas palavras quando o peso aumenta, mas o designer quase certamente não projetou a fonte com pesos misturados em uma frase em mente.

Portanto, portanto, não há resposta certa; o espaço é a largura, é para parecer entre as palavras com o mesmo peso de fonte. Você terá que usar seu próprio julgamento sobre o que fazer no seu caso específico, porque o tipógrafo não fez isso por você. A única coisa que você definitivamente deve fazer é usar espaços em negrito entre palavras em negrito.

Pode ser apropriado imaginar o uso de dois tipos de letra totalmente diferentes, cada um com espaçamento muito diferente; você pode dizer lá que não há realmente nenhuma resposta correta sobre quais métricas de fonte usar entre as duas palavras.