太字のテキストの周囲のスペースも太字にする必要がありますか？

次の図では、上部のテキストには太字の単語の周りに通常のスペースがbarあり、下部のテキストには太字のスタイルのスペースが含まれています。

赤い垂直マーカー線を追加したので、単語が完全に揃っていないことが簡単にわかります。一部のフォントではこれは違いをもたらさないようですが、他のフォント（Avenirなど）では問題になります。

優先すべき一般的なルールはありますか？単語を太字にする場合、その周囲のスペースも太字にする必要がありますか？

（そして、それが質問を広げすぎないなら、太字のテキストの代わりに斜体のテキストはどうですか？）

いいえ、セマンティクスが悪いため、スペースを太字にしないでください。単語または一連の単語は太字にすることができますが、単語の周りのスペースは太字にできません。

これは、ビジュアルデザインの考え方とは別に、実装とは無関係です。セマンティクスはライターから来ます。彼らはデザイナー次第ではありません。デザイナーには、ビジュアルデザインを行うためのビジュアルデザインツールがあります。繰り返しますが、どの実装でも。

あなたの例では、作家はこう書いています：

foo **bar** baz

…ここMarkdownで示されていますが、それはあらゆるライティング環境に適用されます

スペースを太字にする意味的な理由がないため、ライターにはスペースを太字にする理由はありません。大胆なテキストは、作家の心から来ています。スペースを太字にするのではなく、単語（または一連の単語）を太字にします。

したがって、上記のMarkdown のHTML（例はHTMLであるため、例はHTMLですが、これはすべての実装に適用されます）は次のとおりです。

foo <b>bar</b> baz

…そしてその後、ビジュアルデザインが始まります。

何らかの理由で太字のテキストの周囲に余分なスペースが必要な場合（例で示すようにHTMLで作業している場合）、DOMを変更するためにCSSまたはJavaScriptを使用する場合、HTMLのセマンティクスを壊しません。InDesignまたはIllustrator、またはビジュアルデザイン環境で作業している場合、同じことが当てはまります。

実際の記述を使用した例を見ると、より明確です。

危険はパケットの内容を食べません。

…大胆に強調されているのは「危険」という言葉です。他に何もありません。

正直なところ、私はそれが本当に重要だとは思わない。間隔の違いは無視でき、目立たないでしょう。しかし、これは私が通常行うことです。

間隔の違いはフォントによって異なります。違いがある場合は、フォントデザイナーがその違いを作るために意識的に決定したので、それを使用します。定義上、太字フォントは通常の太さのフォントよりも幅が広いため、おそらくフォントに合わせて慎重に計算された間隔は、当然同じように広くする必要があります。余分なスペースは（理論上）テキストの読みやすさとバランスを向上させます。

留意すべきことの1つは、一貫性を保つことです。片側に太字のスペースを使用する場合は、反対側にも使用します。そうしないと、テキストが不均衡に見える可能性があります。多くのプログラムでは、単語をダブルクリックして選択すると、単語と末尾のスペースが選択されるので、ダブルクリックしてフォントを太字に変更すると、通常のスペースの前と後に太字のスペースが表示されます。

他の人は、それが意味的に正しくないことを指摘しています。これは、視覚的な出力と同じくらい正確でなければならないソースコードまたはマークアップを使用している場合に当てはまりますが、それはポイントの横にあります。

要約すると、誰もがどちらの方法にも気付くことはまずありませんが、気にする場合は、デザイナーが意図したとおりにフォントを使用し、太字のスペースを使用し、一貫して使用してください。

実際、これは重要であり、良い質問です。一部のデバイスでは、スパンタグなどのスペースが存在する とコンテンツが正しくレンダリングされないため、空白スペースが強制されない場合があります。

たとえば、次のfoo barようfoobarにコーディングされた場合のレンダリング：

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

InDesignなどの一部のアプリケーションは、HTMLおよびCSSで次の形式でエクスポートします。

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

全体的に、これは設計者次第ですが、同等のワークフローで採用する必要があります。開発の要因となる可能性があるため、最終製品での処理方法をテストすることをお勧めします。あなたの質問に答えるために、HTMLを使用して開発する場合、いくつかのデバイスのレンダリングエンジンによって無視される経験があるため、スパンタグ内に終了または開始スペースを含めません。

タグの末尾または先頭にスペースを含めることを選択した場合、次のようにコーディングすることをお勧めします。

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

開発側からは、解析動作と使いやすさを考慮する必要があります。たとえば、ディクショナリを開発し、特定の要素を解析する計画がある場合、スパンタグなどの要素や要素に開始と終了のスペースを含めると、特定のセクションに組み込むことができます。

ダウン投票後

あなたがそれが適切だと思うならば、あなたはそれを支持することができます、しかし、これが好みとして引用されることができないという事実はまだ残っています。市場に出回っているいくつかのデバイスは、間隔がどのように実行されるかを無視します。私の答えの目的は、コンテンツを表示する方法が決定とその作成方法の要因であることに言及することでした。個人的には、コンテンツを開発するとき、アプリ、印刷、またはサイトでどのように表示されるかを考慮します。そのようなOPも同様に考慮する必要があります。

これはウェブ向けではないと言われた後も、問題が発生するメディアに依存します。そうでなければ、とにかくそれをしますが、パリティを採用します。もしそうなら、それが正しく出てくるようにしてください。

これは設計者次第ですが、ほとんどの場合、最終的にはほとんど重要ではありません。

設計に関しては、太字（または斜体）セクションの先頭または末尾のスペースが太字であるかどうかはほとんど違いがありません。唯一の効果は単語間の間隔です（デザイン用語はまだ文字間隔であると思いますが、単語間隔と呼びたいです）。スペースの量は、印刷の「頻度」（この記事を参照）に影響します。ただし、ほとんどの場合、ボールドまたはイタリックの先頭または末尾のスペースでのみ発生するこの違いは無視できるほど無視できるほど小さいためです。

太字スペースが非太字スペースよりも多くのスペースを占めるかどうかは、使用されているフォントによって異なります。一部のフォントはすべて同じサイズにし、他のフォントは太字のスペースを少し広くします。使用しているフォントが何をするかをテストする必要があります（気になる場合）。

私がそこにいると思うことができる唯一のケースは、見出しにあるような非常に大きなフォントサイズの場合です。この場合、スケールが大きくなるため、差異の量はより大きくなる可能性があります。ただし、これらのような大きなテキストでは、デザイナーはとにかくそれを確認し、必要に応じて調整を行うことができます。

もっと簡単なものを選ぶことをお勧めしますが、最も重要なのは一貫性を保つことです。スペースを追加する傾向があります（太字で示したスペースを含む）。

そうは言っても、HTMLのようなマークアップ言語を使用している場合は、太字にしたタグ内のスペースを含める代わりに、CSSのようなスタイリング言語を使用して太字セクションの先頭または末尾にこの追加の部屋を追加する方が意味的に適切です。

さて、私は今理解していると思うし、これは答えが至る所にある理由であるが、これは興味深いものの複雑な質問です。願わくば、私の無限の知恵（読み：睡眠不足の心）で私は明確にすることができます

マークアップ、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だけのデザインについて尋ねているのではないと言います。しかし、それはこれが少し混乱するところですので、私は説明しようとします。太字はセマンティクスの関数です（サイモンも同様に説明しようとしています）。使用しているシステムに関係なく、大胆に指定する必要があります。

本当に聞きたいこと：より強力なフォントを使用する場合、スペースを増やすべきですか？

それでは、太いフォントを使用する場合、スペースを増やす必要がありますか？

それはデザイナー次第です。選択したアプリケーションで文字の束を展開し、適切に表示されるように配置します。これには厳密なルールはありません。

ここにはスペース文字がまったくないため、太字のスペースはありません。ページには文字が投げられているだけです。

少し近づいて、もう少し、同じです...それはすべてデザイナー次第です。

各グリフの幅（スペースを含む）は、書体内部のフォントデザイナーによって定義されます。Avenirの場合、デザイナーは、重みが大きくなったときに2つの単語間の相対的な間隔を維持するためにスペースの幅を増やすことを選択しましたが、デザイナーはほぼ確実に1つの文に重みが混在するフォントを設計しませんでした。

したがって、正しい答えはありません。スペースは、同じフォントの太さの単語間で正しく見える幅です。タイポグラファーがあなたのためにそれをしなかったので、あなたはあなたの特定のケースで何をすべきかについてあなた自身の判断を使わなければなりません。絶対にすべきことは、太字の単語の間に太字のスペースを使用することだけです。

それぞれまったく異なる間隔を持つ2つのまったく異なる書体を使用することを想像するのが適切かもしれません。そこで、2つの単語の間にどのフォントのメトリックを使用するかについて、明確な正解がないことがわかります。