Les espaces autour du texte en gras doivent-ils également être mis en gras?

Dans l'image suivante, le texte du haut comporte des espaces réguliers autour du mot en gras bar, tandis que le texte du bas comprend les espaces dans le style en gras:

J'ai ajouté des lignes de marqueur verticales rouges pour qu'il soit plus facile de voir que les mots ne s'alignent pas parfaitement. Pour certaines polices, cela ne semble pas faire de différence, mais pour d'autres (comme Avenir), cela importe.

Y a-t-il une règle générale que je devrais préférer? Si je mets un mot en gras , dois-je également mettre en gras les deux espaces qui l'entourent?

(et si cela n'élargit pas trop la question, qu'en est-il du texte en italique au lieu du texte en gras )?

Non, les espaces ne doivent pas être en gras car ce serait une mauvaise sémantique. Un mot ou une série de mots peuvent être en gras, mais pas les espaces autour d'un mot.

Ceci est distinct de toute pensée de conception visuelle et indépendant de toute mise en œuvre. La sémantique vient de l'écrivain. Ce n'est pas au concepteur. Le concepteur dispose d'outils de conception visuelle pour effectuer sa conception visuelle. Encore une fois, dans toute mise en œuvre.

Dans votre exemple, l'écrivain a écrit:

foo **bar** baz

… Montré ici dans Markdown, mais il s'applique dans n'importe quel environnement d'écriture .

Un écrivain n'aurait aucune raison de mettre en gras les espaces, car il n'y a aucune raison sémantique de mettre en gras les espaces. Le texte en gras vient de l'esprit des écrivains. Ils mettent en gras un mot (ou une série de mots) et non des espaces en gras.

Ainsi, le HTML - l'exemple est en HTML parce que votre exemple est en HTML, mais cela s'applique à toute implémentation - du Markdown ci-dessus est:

foo <b>bar</b> baz

… Et c'est après cela que le design visuel commence.

Si, pour une raison quelconque, vous vouliez un espace supplémentaire autour du texte en gras - et que vous travaillez en HTML comme votre exemple l'indique - vous utilisez CSS ou JavaScript pour modifier le DOM, vous ne détruisez pas la sémantique du HTML. Si vous travaillez dans InDesign ou Illustrator ou tout autre environnement de conception visuelle, la même chose s'applique.

Si vous regardez un exemple utilisant une écriture réelle, il est plus clair:

Danger ne pas manger le contenu du paquet.

… C'est le mot «Danger» qui est en gras. Rien d'autre.

Honnêtement, je ne pense pas que cela compte vraiment. Toute différence d'espacement sera négligeable et non perceptible. Cependant, c'est quelque chose que je fais normalement.

Toute différence d'espacement dépendra de la police. S'il y a une différence, le concepteur de polices a délibérément décidé de faire cette différence, alors utilisez-la. Une police en gras est par définition plus large que son homologue de poids normal, donc tout espacement, qui a probablement été soigneusement calculé pour s'adapter à la police, devra naturellement être également plus large. L'espace supplémentaire augmentera (en théorie) la lisibilité et l'équilibre du texte.

Une chose à garder à l'esprit est d'être cohérent. Si vous utilisez un espace en gras d'un côté, utilisez-le également de l'autre. Ne pas le faire pourrait laisser le texte déséquilibré. Dans de nombreux programmes, si vous double-cliquez pour sélectionner un mot, il sélectionnera le mot et l'espace de fin, donc si vous double-cliquez et changez la police en gras, vous vous retrouverez avec un espace normal avant et un espace gras après.

D'autres ont fait valoir qu'il était sémantiquement incorrect. Cela est vrai si vous travaillez avec du code source ou un balisage qui doit être tout aussi correct que la sortie visuelle, mais c'est à côté du point.

En résumé - Il est peu probable que quiconque s'en rende compte, mais si vous y prêtez attention - utilisez la police comme prévu par son concepteur, utilisez des espaces en gras et utilisez-les de manière cohérente.

En fait, cela compte et c'est une bonne question. J'ai eu de l'expérience avec certains appareils lorsque l'espace vide n'est pas forcé car une entité avec  elle rendrait le contenu de manière incorrecte si l'espace existait dans quelque chose comme une balise span.

Par exemple, foo bars'affiche comme foobarcodé comme suit:

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

Certaines applications, par exemple InDesign, sur HTML et CSS l'exportent comme:

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

Dans l'ensemble, cela peut être du ressort du concepteur, mais il doit être adopté dans le flux de travail pour la parité. Je vous encourage à tester comment il sera traité sur le produit fini car il peut jouer un rôle dans votre développement. Donc, pour répondre à votre question, lorsque je développe en utilisant HTML, je n'inclus pas les espaces de fin ou de début dans mes balises span, car j'ai eu de l'expérience avec leur ignorance par le moteur de rendu de quelques appareils.

Si vous choisissez d'inclure l'espacement à la fin ou au début à l'intérieur de vos balises, je vous encourage à coder comme tel:

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

Du point de vue du développement, vous devez prendre en compte l'analyse du comportement et la convivialité. Par exemple, si vous développez un dictionnaire et prévoyez d'analyser certains éléments qui pourraient être incorporés dans une section particulière si vous incluez un espacement de début et de fin dans quelque chose comme des balises span ou dans un élément, cela pourrait avoir des résultats drastiques sur la fin.

Après downvote

Vous pouvez voter contre si vous pensez que c'était approprié, mais le fait demeure que cela ne peut pas être cité comme préférence. Plusieurs appareils sur le marché ignorent la façon dont l'espacement est effectué, et le but de ma réponse était de mentionner que l'avenue dont le contenu serait consulté devrait être un facteur dans la décision et comment il est créé. Personnellement, lorsque je développe du contenu, je prends en considération la façon dont il est affiché dans une application, imprimé ou sur un site, et le PO devrait également en tenir compte.

Après qu'on m'ait dit que ce n'est pas pour le Web, cela revient toujours au support sur lequel va produire un problème. Sinon, faites-le de toute façon, mais adoptez la parité. Si c'est le cas, faites-le de manière à ce qu'il ressorte correctement.

Cela dépend du concepteur, mais finalement très peu d'importance dans la plupart des cas.

En termes de conception, cela fait très peu de différence que les espaces en tête ou en fin des sections en gras (ou en italique) soient en gras ou non. Le seul effet qu'il a est l'espacement entre les mots (je crois que la terminologie de conception est toujours l' espacement des lettres mais j'aime l'appeler l' espacement des mots ). La quantité d'espace affecte la "fréquence" (voir cet article ) de l'impression. Cependant, dans la plupart des cas, cette différence causée uniquement dans l'espace en tête ou en fin des sections en gras ou en italique est si négligeable qu'elle peut être ignorée en toute sécurité.

Le fait qu'un espace en gras occupe ou non plus d'espace qu'un espace en gras dépend de la police utilisée. Certaines polices les rendent toutes de la même taille, d'autres élargissent un peu les espaces en gras. Vous devrez tester pour voir ce que fait la police que vous utilisez (si vous vous souciez).

Le seul cas où je peux penser que cela pourrait vraiment être important est dans le cas de très grandes tailles de police, telles que celles des en-têtes. Dans ce cas, la différence peut être plus importante en raison de l'échelle plus grande. Cependant, avec de gros textes comme ceux-ci, les concepteurs doivent quand même regarder par-dessus et peuvent effectuer les ajustements nécessaires.

Je recommande d'aller avec tout ce qui est plus facile mais surtout de rester cohérent . Tendance à ajouter plus d'espace (en les incluant en gras).

Cela étant dit, si vous utilisez un langage de balisage comme HTML, il est plus sémantiquement approprié d'ajouter cette salle supplémentaire en tête ou en fin d'une section en gras en utilisant un langage de style comme CSS au lieu d'inclure l'espace à l'intérieur de la balise qui est mis en gras.

D'accord, je pense que je comprends maintenant et c'est une question intéressante mais compliquée, c'est pourquoi les réponses sont partout. J'espère que dans ma sagesse infinie (lire: esprit privé de sommeil) je peux clarifier

Markup, HTML, LaTeX --- ceux-ci sont importants, mais maintenant comment vous y pensez actuellement

Par exemple, nous aurions, comme vous l'avez utilisé dans votre exemple initial:

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

Ou vous pourriez avoir:

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

Maintenant, vous dites que vous ne posez pas de questions sur la conception HTML. Mais c'est là que c'est un peu déroutant donc je vais essayer de l'expliquer. Le gras est une fonction de la sémantique (comme Simon essaie aussi de l'expliquer). Quel que soit le système que vous utilisez, quelque chose doit le dire en gras.

Ce que vous voulez vraiment demander: faut-il augmenter l'espace lors de l'utilisation d'une police plus forte?

Alors, faut-il augmenter l'espace lors de l'utilisation d'une police plus épaisse?

Cela dépend du designer. Développez un tas de lettres dans une application de votre choix et arrangez-les comme bon vous semble. Il n'y a pas de règle stricte à ce sujet.

Vous voyez, il n'y a pas d' espaces en gras car il n'y a aucun espace ici, il n'y a que des lettres jetées sur une page:

Un peu plus près, un peu plus loin, pareil ... tout dépend du designer.

La largeur de chaque glyphe (y compris l'espace) est définie par le concepteur de polices à l'intérieur de la police. Dans le cas d'Avenir, le concepteur a choisi d'augmenter la largeur de l'espace pour préserver l'espacement relatif entre deux mots lorsque le poids augmente, mais le concepteur n'a certainement pas conçu la police avec des poids mixtes dans une phrase à l'esprit.

Il n'y a donc pas de bonne réponse; l'espace est la largeur qu'il faut pour regarder à droite entre des mots de même poids de police. Vous devrez utiliser votre propre jugement sur ce qu'il faut faire dans votre cas spécifique, car le typographe ne l'a pas fait pour vous. La seule chose que vous devez absolument faire est d'utiliser des espaces en gras entre les mots en gras.

Il peut être approprié d'imaginer utiliser deux polices de caractères totalement différentes, chacune avec un espacement très différent; vous pouvez y voir qu'il n'y a pas vraiment de bonne réponse claire sur les mesures de police à utiliser entre les deux mots.