Sollten die Leerzeichen um fett gedruckten Text auch fett gedruckt werden?

18

In der folgenden Abbildung enthält der obere Text regelmäßige Leerzeichen um das fett gedruckte Wort bar, während der untere Text die Leerzeichen im fett gedruckten Stil enthält:

kühne Leerzeichen

Ich habe rote vertikale Markierungslinien hinzugefügt, damit leichter erkennbar ist, dass die Wörter nicht perfekt ausgerichtet sind. Für einige Schriften scheint dies keinen Unterschied zu machen, für andere (wie Avenir) ist dies jedoch von Bedeutung.

Gibt es eine allgemeine Regel, die ich bevorzugen sollte? Wenn ich ein Wort fett formatiere , sollte ich dann auch beide Leerzeichen fett formatieren?

(und wenn es die Frage nicht zu sehr erweitert, was ist mit kursivem anstelle von fettem Text)?

Maisstangen
quelle
Ist Ihre Darstellung von HTML / CSS? Ich bin mir ziemlich sicher, dass html / css für beide Markups genau dieselbe Breite hat. Grundsätzlich gibt es keinen fett gedruckten Bereich in HTML / CSS, den ich kenne, aber ich bin auf keinen Fall ein Webdesigner (CC: @ZachSaucier)
Ryan
Diese Frage ist nicht webspezifisch. Ich habe gerade das HTML-Äquivalent des Texts hinzugefügt, um zu verdeutlichen, dass die Leerzeichen im fetten Stil enthalten waren. Ich bin offen für bessere Möglichkeiten, dies zu klären.
Cornstalks
4
@ Cornstalks ehrlich gesagt würde ich das Markup bearbeiten und von der Frage entfernen, ich denke es lenkt Leute vom Punkt ab :)
Cai
1
Ich glaube nicht, dass der HTML-Code hätte entfernt werden sollen. Ich denke, dass andere Aufschläge hinzugefügt worden sein sollten. Oder die ganze Frage umformuliert. Siehe meine Antwort, die hoffentlich kohärent ist
Ryan
3
Wenn dies zum Unterstreichen anstatt zum Fettdruck gefragt würde, würden sich alle darüber einig sein, was zu tun ist. In diesem Fall möchten Sie jedoch möglicherweise Folgendes berücksichtigen: Was ist, wenn die fett gedruckte Schrift (wesentlich) größere Leerzeichen aufweist? Ein einzelnes Wort würde immer noch in Ordnung aussehen, aber das Leerzeichen in zwei Wörtern im regulären Text würde seltsam aussehen - und dann würde ich das Leerzeichen wahrscheinlich durch ein nicht fettes ersetzen und das "Fett" -Leerzeichen nur für ganze fettgedruckte Sätze reservieren.
USR2564301

Antworten:

11

Nein, die Leerzeichen sollten nicht fett sein, da dies eine schlechte Semantik wäre. Ein Wort oder eine Wortfolge kann fett gedruckt werden, Leerzeichen um ein Wort jedoch nicht.

Dies ist unabhängig von jeglichen Gedanken an visuelles Design und unabhängig von jeglicher Implementierung. Die Semantik stammt vom Autor. Sie sind nicht dem Designer überlassen. Der Designer verfügt über visuelle Designtools für die visuelle Gestaltung. Auch in jeder Implementierung.

In Ihrem Beispiel schrieb der Autor:

foo **bar** baz

… Hier in Markdown gezeigt, aber es gilt in jeder Schreibumgebung .

Ein Schriftsteller hätte keinen Grund, die Räume zu fetten, weil es keinen semantischen Grund gibt, die Räume zu fetten. Der kühne Text kommt vom Verstand der Verfasser. Sie fetten ein Wort (oder eine Wortfolge) und keine Leerzeichen.

Das HTML-Beispiel ist also in HTML, da sich Ihr Beispiel in HTML befindet. Dies gilt jedoch für alle Implementierungen. Der obige Markdown lautet:

foo <b>bar</b> baz

… Und danach beginnt die visuelle Gestaltung.

Wenn Sie aus irgendeinem Grund zusätzlichen Platz um fett gedruckten Text haben möchten - und Sie arbeiten in HTML, wie Ihr Beispiel impliziert -, verwenden Sie CSS oder JavaScript, um das DOM zu ändern, ohne die Semantik des HTML zu zerstören. Wenn Sie in InDesign oder Illustrator oder einer anderen visuellen Designumgebung arbeiten, gilt dasselbe.

Wenn Sie sich ein Beispiel mit der tatsächlichen Schreibweise ansehen, ist dies klarer:

Gefahr nicht essen Inhalt der Packung.

… Es ist das Wort „Gefahr“, das den kühnen Akzent setzt. Nichts anderes.

Simon White
quelle
2
Das OP fragt nach dieser Situation im Hinblick auf das visuelle Design , sodass Ihre Antwort auf die Markup-Präferenz irrelevant ist
Zach Saucier
2
Ich befasse mich mit visuellem Design - Sie fügen die zusätzlichen Leerzeichen hinzu, wenn Sie sie über CSS-Regeln möchten, und fügen sie nicht im HTML-Code hinzu. Das Gleiche gilt, wenn Sie keinen Wortabstand hinzufügen, indem Sie mehrere nicht unterbrechende Leerzeichen in den HTML-Code einfügen. Wenn die Frage lautete: "Füge ich Wortabstände durch Eingabe mehrerer nicht unterbrechender Leerzeichen hinzu?", Wäre die Antwort ähnlich strukturiert - das HTML bleibt semantisch, das visuelle Design erfolgt mit CSS-Regeln.
Simon White
3
Zach hat Recht, dass das Markup nichts mit der Frage zu tun hat. Das Markup dient lediglich der Veranschaulichung der Bedeutung des OP. Ich bin damit einverstanden, dass es semantisch ein schlechter Aufschlag wäre, aber das ist irrelevant.
Cai
1
Ich denke, Sie sehen vielleicht das Wort „semantisch“ und denken, dass dies ein HTML-spezifischer Begriff ist. Es ist nicht. Es gilt für alles Schreiben. Die Beispiele, die ich verwende, werden in HTML erstellt, da dies das Beispiel ist, das der Fragesteller verwendet hat. Dies gilt jedoch für jede Implementierung. Wenn Sie in InDesign arbeiten und noch ein Manuskript eines Autors haben, ändern Sie die Abstände weiterhin mit den Abstandswerkzeugen für visuelle Entwürfe in InDesign, anstatt mit der Semantik des Texts zu monkeyen.
Simon White
1
Abgesehen von HTML oder anderen Programmen denke ich nicht, dass Semantik - wie Sie es sagen - fast genauso wichtig ist. Ich füge oft zusätzliche Absätze oder Leerzeichen hinzu, wenn ich im Druck arbeite. Es ist nicht semantisch korrekt, aber es ist viel schneller und einfacher, wenn Sie wenig Zeit haben und nichts wirklich beeinflussen.
Cai
6

Ehrlich gesagt denke ich nicht, dass es wirklich wichtig ist. Alle Abstandsunterschiede sind vernachlässigbar und nicht erkennbar. Dies ist jedoch etwas, was ich normalerweise tue.

Jeder Unterschied im Abstand hängt von der Schriftart ab. Wenn es einen Unterschied gibt, hat der Schriftdesigner bewusst entschieden, diesen Unterschied zu machen. Verwenden Sie ihn also. Eine fett gedruckte Schrift ist per definitionem breiter als das Gegenstück zur regulären Schriftstärke. Daher muss jeder Abstand, der wahrscheinlich sorgfältig berechnet wurde, um der Schrift zu entsprechen, natürlich ebenso breit sein. Der zusätzliche Platz erhöht (theoretisch) die Lesbarkeit und Ausgewogenheit des Textes.

Eine Sache zu beachten ist, konsequent zu sein. Wenn Sie auf einer Seite ein fettes Leerzeichen verwenden, verwenden Sie es auch auf der anderen Seite. Andernfalls könnte der Text unausgewogen aussehen. Wenn Sie in vielen Programmen ein Wort durch Doppelklicken auswählen, werden das Wort und das nachfolgende Leerzeichen ausgewählt. Wenn Sie also doppelklicken und die Schriftart in Fettschrift ändern, erhalten Sie ein normales Leerzeichen davor und ein fettes Leerzeichen danach.

Andere haben darauf hingewiesen, dass dies semantisch inkorrekt ist. Dies ist der Fall, wenn Sie mit Quellcode oder Markup arbeiten, der genauso korrekt sein muss wie die visuelle Ausgabe, aber das ist nicht der Punkt.

Zusammenfassend: Es ist unwahrscheinlich, dass es jemals jemandem auffällt, aber wenn Sie sich darum kümmern, verwenden Sie die Schriftart wie vom Designer vorgesehen, verwenden Sie fette Leerzeichen und verwenden Sie sie konsequent.

Cai
quelle
"Jeder Unterschied im Abstand wird vernachlässigbar sein" - aber wo es einen Unterschied gibt, könnte es ausreichen, andere Funktionen wie das Zeilenumbruch zu ändern?
MrWhite
5
"... wenn es Ihnen etwas ausmacht - verwenden Sie die Schriftart wie vom Designer vorgesehen, verwenden Sie fettgedruckte Leerzeichen." Sicher, der Designer hat sich dafür entschieden, die fettgedruckten Leerzeichen zu vergrößern - aber das gilt für Leerzeichen innerhalb von fettgedrucktem Text, dh zwischen zwei fettgedruckten Wörtern. Wir haben keine Ahnung, welchen Abstand der Designer für Leerzeichen zwischen einem fettgedruckten und einem nicht fettgedruckten Wort gewählt haben könnte.
Peter LeFanu Lumsdaine
5

Eigentlich ist das wichtig und es ist eine gute Frage. Ich habe Erfahrung mit einigen Geräten, bei denen die Leerstelle nicht als Entität mit &#160;ihr erzwungen wurde, um Inhalte falsch wiederzugeben, wenn die Leerstelle in einer Art span-Tag vorhanden war.

Zum Beispiel wird wie foo barfolgt foobargerendert:

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

Einige Anwendungen, zum Beispiel InDesign, exportieren HTML und CSS als:

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

Insgesamt kann dies dem Designer überlassen bleiben, sollte aber im Workflow für die Parität übernommen werden. Ich würde Sie ermutigen zu testen, wie es auf dem Endprodukt behandelt wird, da es einen Faktor in Ihrer Entwicklung spielen kann. Um Ihre Frage zu beantworten: Wenn ich mit HTML entwickle, füge ich in meine span-Tags keine endenden oder beginnenden Leerzeichen ein, da ich die Erfahrung gemacht habe, dass sie von einigen Geräten von der Render-Engine ignoriert werden.

Wenn Sie in Ihre Tags Abstände am Ende oder am Anfang einfügen möchten, empfehle ich Ihnen, sie als solche zu codieren:

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

Aus entwicklungspolitischer Sicht sollten Sie das Parsing-Verhalten und die Benutzerfreundlichkeit berücksichtigen. Wenn Sie beispielsweise ein Wörterbuch entwickeln und vorhaben, bestimmte Elemente zu analysieren, die in einen bestimmten Abschnitt einbezogen werden könnten, wenn Sie Abstände zwischen Anfang und Ende in Tags wie span oder in einem Element einfügen, kann dies zu drastischen Ergebnissen am Ende führen.

Nach dem Abstimmen

Sie können ablehnen, wenn Sie dies für angemessen halten, es bleibt jedoch die Tatsache, dass dies nicht als Präferenz angegeben werden kann. Einige Geräte auf dem Markt ignorieren, wie Abstand ausgeführt wird, und der Zweck meiner Antwort bestand darin, zu erwähnen, dass die Art und Weise, in der der Inhalt angezeigt wird, ein Entscheidungsfaktor sein sollte und wie er erstellt wird. Persönlich berücksichtige ich bei der Entwicklung von Inhalten, wie sie in einer App, in gedruckter Form oder auf einer Website angezeigt werden, und das OP sollte dies auch berücksichtigen.

Nachdem mir gesagt wurde, dass dies nicht für das Web ist, kommt es immer noch auf das Medium an, in dem eine Ausgabe erstellt werden soll. Wenn nicht, dann mach es trotzdem, aber nimm die Parität an. Wenn ja, dann tun Sie es so, dass es richtig herauskommt.

DᴀʀᴛʜVᴀᴅᴇʀ
quelle
1
Bekomme ich wenigstens eine Erklärung, warum die Ablehnung?
DᴀʀᴛʜVᴀᴅᴇʀ
Ich würde annehmen, dass es von der Fokussierung auf die Implementierungsseite ist
Zach Saucier
1
Die Implantationsseite sollte immer ein Faktor für das Endprodukt sein, da sie dessen Entwicklung abbilden kann.
DᴀʀᴛʜVᴀᴅᴇʀ
1
Einverstanden! Obwohl ich nicht denke, dass es der Fokus dieser Frage ist
Zach Saucier
1
Wenn es einen Unterschied im Abstand zwischen normal und fett gibt, weil der Schriftdesigner bewusst eine Entscheidung getroffen hat, diesen Unterschied zu machen, verwenden Sie diesen. Wenn dies nicht möglich ist, weil Sie über die Markup-Semantik technischer Einschränkungen nachdenken müssen, ist dies ein separates Problem. Wichtiges Problem, aber ein anderes.
Cai
4

Dies liegt beim Designer, ist aber letztendlich in den meisten Fällen von sehr geringer Bedeutung .

In Bezug auf das Design spielt es kaum eine Rolle, ob die Leerzeichen in Fettdruck (oder in Kursivschrift) fett gedruckt sind oder nicht. Der einzige Effekt, den es hat, ist der Abstand zwischen Wörtern (ich glaube, die Design-Terminologie ist immer noch Buchstabenabstand, aber ich nenne es gerne Wortabstand ). Die Größe des Speicherplatzes wirkt sich auf die "Häufigkeit" (siehe diesen Artikel ) des Ausdrucks aus. In den meisten Fällen ist dieser Unterschied, der nur in den fett oder kursiv markierten vorangestellten oder nachgestellten Abschnitten auftritt, jedoch so vernachlässigbar, dass er ignoriert werden kann.

Ob ein fett gedruckter Bereich mehr Platz einnimmt als ein nicht fett gedruckter Bereich, hängt von der verwendeten Schriftart ab. Bei einigen Schriftarten sind sie alle gleich groß, bei anderen sind fettgedruckte Leerzeichen etwas breiter. Sie müssen testen, um festzustellen, welche Funktion die von Ihnen verwendete Schriftart hat (falls Sie dies möchten).

Der einzige Fall, von dem ich denke, dass es wirklich wichtig sein könnte, sind wirklich große Schriftgrößen, wie die in Überschriften. In diesem Fall wird der Differenzbetrag kann wichtiger sein aufgrund des größeren Maßstabs. Bei großen Texten wie diesen sollten sich die Designer jedoch trotzdem darum kümmern und können bei Bedarf Anpassungen vornehmen.

Ich empfehle, mit dem zu arbeiten, was einfacher ist, aber vor allem konsequent zu bleiben . Fügen Sie tendenziell mehr Speicherplatz hinzu (einschließlich der fett gedruckten).

Wenn Sie jedoch eine Auszeichnungssprache wie HTML verwenden, ist es semantisch sinnvoller, diesen zusätzlichen Raum vor oder nach einem fett gedruckten Abschnitt mit einer Formatierungssprache wie CSS hinzuzufügen, anstatt den Raum innerhalb des fett gedruckten Tags einzuschließen.

Zach Saucier
quelle
Wenn mir jemand HTML mit fettgedruckten Leerzeichen um jeden Lauf fettgedruckten Texts gab, würde ich das als Fehler ansehen und sie veranlassen, das Problem zu beheben.
Simon White
2
@ SimonWhite Die Frage ist über visuelles Design, nicht Markup
Zach Saucier
Sie machen kein visuelles Design in HTML. Dafür ist CSS da. Die Frage enthält Markup-Beispiele, die Beispiele für schlechte Markups sind.
Simon White
2
@ SimonWhite Er fragt weder nach HTML noch nach CSS. Er fragt nach kühnen Räumen in Bezug auf das Design, das der Zweck dieser Website ist
Zach Saucier
Sein Implementierungsbeispiel ist in HTML. So wurde HTML eingeführt. Wenn das Beispiel in Illustrator wäre, könnten wir in diesen Begriffen sprechen. Die Antwort ist jedoch immer noch die gleiche: Sie machen keine kühnen Leerzeichen, weil es keine so semantische Schrift wie kühne Leerzeichen gibt . Autoren schreiben sie nicht. Wenn Sie den Wortabstand ändern möchten - bei jeder Implementierung -, gehen Sie den Text nicht durch und fügen zusätzliche Leerzeichen zwischen den einzelnen Wörtern hinzu. Verwenden Sie Ihre visuellen Entwurfswerkzeuge , um den Wortabstand zu erhöhen. Gleiches gilt für den Abstand zwischen fettem Text, unabhängig davon, ob HTML, InDesign, Illustrator oder eine andere Implementierung.
Simon White
3

Okay, ich glaube, ich verstehe jetzt und das ist eine interessante, aber komplizierte Frage, weshalb die Antworten überall sind. Hoffentlich kann ich in meiner unendlichen Weisheit (sprich: Schlafentzug) klären

Markup, HTML, LaTeX - das ist wichtig, aber jetzt denken Sie darüber nach.

Zum Beispiel hätten wir, wie Sie es in Ihrem ersten Beispiel verwendet haben:

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

Oder Sie könnten haben:

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

Jetzt sagen Sie, Sie fragen nicht nur nach HTML-Design. Aber da ist das etwas verwirrend, also werde ich versuchen es zu erklären. Fett ist eine Funktion der Semantik (wie Simon auch zu erklären versucht). Egal, auf welchem ​​System Sie etwas einsetzen, es muss fett geschrieben sein.

Was Sie wirklich fragen möchten: Sollte der Speicherplatz vergrößert werden, wenn Sie eine stärkere Schriftart verwenden?


So müssen der Raum erhöht werden , wenn eine dickere Schrift verwenden?

Das liegt beim Designer. Erweitern Sie eine Reihe von Buchstaben in einer Anwendung Ihrer Wahl und ordnen Sie sie nach Belieben an. Es gibt keine strengen Regeln.

Es gibt keine fett gedruckten Leerzeichen, da hier überhaupt keine Leerzeichen stehen. Auf einer Seite werden nur Buchstaben geworfen:

Bildbeschreibung hier eingeben

Bildbeschreibung hier eingeben

Ein bisschen näher, ein bisschen weiter, genauso ... das liegt ganz beim Designer.

Ryan
quelle
1

Die Breite der einzelnen Glyphen (einschließlich des Leerzeichens) wird vom Schriftdesigner innerhalb der Schriftart festgelegt. In Avenirs Fall hat der Designer beschlossen, den Abstand zu vergrößern, um den relativen Abstand zwischen zwei Wörtern zu erhalten, wenn die Gewichtung zunimmt. Der Designer hat die Schriftart jedoch mit ziemlicher Sicherheit nicht mit gemischten Gewichten in einem Satz entworfen.

Daher gibt es keine richtige Antwort. Das Leerzeichen gibt die Breite an, die zwischen Wörtern mit der gleichen Schriftgröße angezeigt werden soll. Sie müssen Ihr eigenes Urteil darüber treffen, was in Ihrem speziellen Fall zu tun ist, weil der Typograf es nicht für Sie getan hat. Das Einzige, was Sie auf jeden Fall tun sollten, ist fett gedruckte Leerzeichen zwischen fett gedruckten Wörtern zu verwenden.

Es mag angebracht sein, sich zwei völlig unterschiedliche Schriften mit jeweils sehr unterschiedlichen Abständen vorzustellen. Sie können dort feststellen, dass es keine eindeutige Antwort darauf gibt, welche Schriftartmetriken zwischen den beiden Wörtern verwendet werden sollen.

Kit Grose
quelle