Mikrotypografie im Web: Anführungszeichen, Striche und Leerzeichen richtig setzen

Mikrotypografie umfasst die kleinen typografischen Entscheidungen, die einen Text ordnen und seine Bedeutung sichtbar machen: passende Anführungszeichen, Gedankenstriche, Apostrophe und Abstände. Auf einer Website wirken solche Details leicht nebensächlich. Sie entscheiden aber mit darüber, wie ruhig eine Seite erscheint und wie mühelos sich Inhalte lesen lassen.

Ein sauber gesetztes Zeichen macht Beziehungen zwischen Wörtern und Zahlen erkennbar. Ein Gedankenstrich markiert einen Einschub, ein geschütztes Leerzeichen verhindert einen ungünstigen Zeilenumbruch. Werden Zeichen dagegen uneinheitlich verwendet, wirkt selbst ein sorgfältig gestaltetes Layout unruhig.

Im Web kommt eine Besonderheit hinzu: Texte erscheinen auf unterschiedlich breiten Bildschirmen, und die Zeilenumbrüche ändern sich, sobald sich Fensterbreite oder Schriftgröße ändern. Gute Mikrotypografie berücksichtigt deshalb nicht nur die Form der Zeichen, sondern auch ihr Verhalten im Layout. Die Grundbegriffe der Schriftgestaltung erklärt der Ratgeber Typografie im Web. Die Abstände zwischen den Buchstaben selbst behandelt der Artikel Kerning und Laufweite.

Anführungszeichen richtig verwenden

Im deutschen Fließtext sind die typografischen Anführungszeichen „…“ üblich. Das öffnende Zeichen steht unten, das schließende oben. Gerade Schreibmaschinen-Anführungszeichen (“…”) lassen sich zwar bequem über die Tastatur eingeben, passen aber schlecht in einen deutschsprachigen Text.

Ein Zitat sieht dann so aus: „Die Gestaltung wirkt durchdacht.“ Wird innerhalb dieses Zitats ein weiteres Wort oder eine Passage zitiert, stehen einfache Anführungszeichen: „Sie nannte das Ergebnis ‚klar und ruhig‘.“ So bleibt erkennbar, wo das äußere Zitat endet und das innere beginnt.

Guillemets wie »…« sind eine verbreitete Alternative und kommen in deutschsprachigen Veröffentlichungen ebenfalls vor. Welche Form Sie wählen, hängt vom Gestaltungskonzept und der redaktionellen Hausregel ab. Wichtig ist vor allem, eine Form konsequent zu verwenden und sie nicht ohne Grund mit einer anderen zu mischen.

Anführungszeichen sollten außerdem eine klare Aufgabe haben. Sie kennzeichnen direkte Rede und Zitate, können aber auch einen Begriff als ungewohnt oder ironisch markieren. Wer sie um gewöhnliche Wörter setzt, erweckt leicht den Eindruck, diese seien nicht wörtlich gemeint. Prüfen Sie deshalb, ob die Zeichen wirklich nötig sind.

Ob eine Schrift deutsche Anführungszeichen überhaupt enthält, gehört übrigens zur Schriftwahl. Darauf geht der Artikel Schriftarten kombinieren ein.

Apostroph oder Anführungszeichen?

Der Apostroph (’) ist ein eigenes Satzzeichen. In deutschen Texten unterscheidet er sich von den einfachen Anführungszeichen ‚ und ‘. Er markiert zum Beispiel eine Auslassung. Häufig wird er allerdings gesetzt, wo gar keiner hingehört. Auch der gerade Strich der Tastatur (’) ist typografisch nicht die passende Form.

Bindestrich, Gedankenstrich und Minus unterscheiden

Die drei Striche sehen ähnlich aus, haben aber verschiedene Aufgaben. Der kurze Bindestrich (-) verbindet Wortteile und erscheint bei Trennungen am Zeilenende. Der längere Gedankenstrich (–), auch Halbgeviertstrich genannt, gliedert einen Satz oder kennzeichnet eine Spanne. Das Minuszeichen (−) gehört in mathematische Ausdrücke.

Als Einschub sieht der Gedankenstrich so aus: „Die Navigation – bewusst schlicht gehalten – lenkt nicht vom Inhalt ab.“ In dieser Funktion steht im deutschen Satz vor und nach dem Strich ein Leerzeichen. Er kann auch eine Pause oder einen Gedankenwechsel markieren. Entscheidend ist, dass er nicht mit dem Bindestrich verwechselt wird.

Bei Zahlenbereichen steht der Strich als Bis-Strich ohne Leerzeichen, zum Beispiel „Kapitel 3–5“. So bleibt die Spanne kompakt. Für Datums- und Zahlenangaben sollte die Redaktion eine einheitliche Regel festlegen, besonders wenn auf einer Website verschiedene Formate zusammenkommen.

Das Minuszeichen ist länger als der Bindestrich und steht auf der Höhe des Querstrichs im Pluszeichen. In gewöhnlichen Texten brauchen Sie es selten, bei mathematischen Inhalten oder technischen Angaben kann die Unterscheidung aber wichtig sein. Verwenden Sie dafür nicht einfach den Bindestrich der Tastatur.

Leerzeichen gezielt einsetzen

Ein normales Leerzeichen trennt Wörter und erlaubt dem Browser, an dieser Stelle eine neue Zeile zu beginnen. Das ist meist erwünscht. Bei manchen Zeichenfolgen stört ein Umbruch jedoch die Lesbarkeit oder verändert sogar die Bedeutung. Ein geschütztes Leerzeichen hält die beiden Teile dann zusammen.

Das betrifft etwa eine Zahl mit Maßeinheit oder ein Kürzel, das zu einer Zahl gehört. Ohne geschützten Abstand kann die Zahl am Zeilenende stehen und die Einheit allein in die nächste Zeile rutschen. Dasselbe passiert bei einer Anrede mit Titel oder bei mehrteiligen Abkürzungen.

In HTML wird ein geschütztes Leerzeichen häufig als   eingegeben. Für kompakte Abstände eignet sich ein schmales geschütztes Leerzeichen, das sich zum Beispiel über   darstellen lässt. Welche Variante sinnvoll ist, hängt von der Schrift, dem technischen Umfeld und Ihren typografischen Ansprüchen ab.

Setzen Sie geschützte Leerzeichen sparsam ein. Zu viele davon schränken die Umbruchmöglichkeiten ein und können auf schmalen Displays große Lücken im Text erzeugen. Prüfen Sie deshalb, ob die zusammengehaltenen Zeichen wirklich eine Einheit bilden und ob die Zeile auf kleinen Bildschirmen noch flexibel umbrechen kann.

Leerraum vor Satzzeichen

Im Deutschen steht vor Komma, Punkt, Doppelpunkt und Semikolon kein Leerzeichen, danach folgt in der Regel eines. Auch vor Frage- und Ausrufezeichen steht kein Abstand. Diese einfachen Regeln verhindern auffällige Lücken und machen den Satzbau leichter erfassbar.

Bei Prozent- und Einheitenangaben gehört der Abstand zwischen Zahl und Zeichen beziehungsweise Einheitenkürzel zur typografischen Gestaltung. Ein geschützter oder schmaler geschützter Abstand verhindert, dass beide Teile getrennt werden. Entscheiden Sie sich für eine Schreibweise und wenden Sie sie auf der ganzen Website an.

Auslassungspunkte richtig setzen

Das typografische Auslassungszeichen (…) ist ein einzelnes Zeichen. Es steht für ausgelassene Wörter oder einen abbrechenden Gedanken. Drei einzelne Punkte (…) sind nicht dasselbe: Ihre Abstände fallen je nach Schrift und Darstellung uneinheitlich aus.

Ob vor dem Auslassungszeichen ein Leerzeichen steht, hängt davon ab, ob ein ganzes Wort fehlt oder nur ein Teil davon. Bei einer Auslassung innerhalb eines Wortes wird das Zeichen direkt angeschlossen, für ganze Wörter steht ein Leerzeichen davor. Wichtiger als eine schematische Anwendung ist eine klare Regel für den eigenen redaktionellen Gebrauch.

Mehrere Satzzeichen hintereinander, etwa gehäufte Frage- oder Ausrufezeichen, sind in sachlichen Webtexten meist entbehrlich.

Zeichen auf der Website einheitlich umsetzen

Gute Mikrotypografie im Web beginnt nicht erst beim letzten Feinschliff. Eine redaktionelle Regel für Anführungszeichen, Striche und Abstände sorgt dafür, dass Texte schon bei der Eingabe einheitlich ausfallen. Sie sollte verständlich festhalten, welche Zeichen für Zitate, Einschübe, Zahlenbereiche und Einheiten gelten.

Bei der technischen Umsetzung ist zu beachten, dass verschiedene Eingabewege zu verschiedenen Zeichen führen. Ein Text aus einem Schreibprogramm enthält oft schon typografische Zeichen, während ein Formular oder ein Redaktionssystem gerade Varianten einsetzt. Eine automatische Ersetzung kann helfen, muss aber sorgfältig geprüft werden: Sie darf zum Beispiel keine Codebeispiele oder andere Inhalte verändern, in denen gerade Zeichen eine bestimmte Bedeutung haben.

Auch der Umbruch gehört zur Kontrolle. Sehen Sie sich Texte in schmalen und breiten Ansichten an und achten Sie darauf, ob Zahl und Einheit zusammenbleiben, ob ein Anführungszeichen am Zeilenanfang ungünstig steht und ob ein geschützter Abstand eine große Lücke reißt. Dieselben Regeln gelten für Überschriften, Bildunterschriften und Beschriftungen von Schaltflächen.

Nicht jede typografische Frage braucht ein Sonderzeichen. Oft reicht ein normales Leerzeichen. Zusätzliche Zeichen lohnen sich dort, wo sie einen unerwünschten Umbruch verhindern oder die Gliederung des Textes klarer machen. So bleibt die Gestaltung sorgfältig und trotzdem anpassungsfähig. Wer eine Schrift sucht, die viele Gewichte in einer Datei mitbringt, findet im Artikel über variable Fonts die Grundlagen.

Fazit

Sorgfältige Mikrotypografie macht Webtexte ruhiger und leichter lesbar. Setzen Sie Anführungszeichen, Bindestriche, Gedankenstriche und geschützte Leerzeichen nach klaren, einheitlichen Regeln und prüfen Sie, wie die Zeichen auf unterschiedlichen Bildschirmbreiten umbrechen.