Versionen dieses Beitrags

Typografie zum Jahresende – Auflösung

Gb 80x80 Gunnar Bittersmann
  • Typografie zum Jahresende – Auflösung
  • @@Gunnar Bittersmann
  • Mal abgesehen davon, dass die Nachtigall hier ein untrapsendes Beispiel war … Bleiben wir bei den Textinhalten.
  • > Bei zusammengesetzten Wörtern sollten keine Ligaturen über die Wortteile hinweg gesetzt werden.
  • Wie kann man das verhindern?
  • `Tex<span class="nolig">ti</span>nhalte`{:.language-html}
  • `Tex<span class="noliga">ti</span>nhalte`{:.language-html}
  • mit
  • `.nolig { font-feature-settings: "liga" 0 }`{:.language-css}
  • `.noliga { font-feature-settings: "liga" 0 }`{:.language-css}
  • ist sicher nicht das, was man tun möchte.
  • Man könnte denken, ein bedingter Trennstrich (*soft hyphen*{:@en} SHY) würde helfen: `Text&shy;inhalte`{:.language-html} Weit gefehlt! Die Ligatur wird trotzdem gesetzt. BTW, Firefox hat hier einen lustigen [Bug](https://bugzilla.mozilla.org/show_bug.cgi?id=479829), siehe [Beispiel](https://codepen.io/gunnarbittersmann/pen/BOPywr).
  • Ein nullbreites Leerzeichen (ZWSP U+200B) löst zwar die Ligatur auf, allerdings wird kein Trennstrich gesetzt, wenn das Wort am Zeilenende automatisch getrennt wird. Auch die Kombiation ZWSP + SHY bringt nichts, egal in welcher Reihenfolge.
  • Bleibt noch: Markup – das `wbr`-Element: `Text<wbr/>inhalte`{:.language-html}. Nö, gleiches Resultat wie bei ZWSP.
  • Was hingegen geht: **`<wbr/>`{:.language-html} + SHY**: `Text<wbr>&shy;inhalte`{:.language-html}. Keine ti-Ligatur und bei Silbentrennung erscheint der Trennstrich.
  • Das Ganze kann man sich in ☞ [**diesem Pen**](https://codepen.io/gunnarbittersmann/full/aPVwRG) ansehen.
  • BTW: ohne weiteres Zutun trennen Browser Kau-fleute und Han-flieb-haber.
  • BTW2: Die st- und ck-Schmuck-Ligaturen habe ich mit `font-feature-settings: "dlig"` eingeschaltet; die werden per Default nicht gesetzt.
  • **Nachtrag:** um die Ligaturen zu sehen, muss man Lato oder Calibri auf seinem System haben.
  • LLAP 🖖
  • --
  • *„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“* —Kurt Weidemann

Typografie zum Jahresende – Auflösung

Gb 80x80 Gunnar Bittersmann
  • Typografie zum Jahresende – Auflösung
  • @@Gunnar Bittersmann
  • > Mal abgesehen davon, dass die Nachtigall hier ein untrapsendes Beispiel war … Bleiben wir bei den Textinhalten.
  • Mal abgesehen davon, dass die Nachtigall hier ein untrapsendes Beispiel war … Bleiben wir bei den Textinhalten.
  • > Bei zusammengesetzten Wörtern sollten keine Ligaturen über die Wortteile hinweg gesetzt werden.
  • Wie kann man das verhindern?
  • `Tex<span class="nolig">ti</span>nhalte`{:.language-html}
  • mit
  • `.nolig { font-feature-settings: "liga" 0 }`{:.language-css}
  • ist sicher nicht das, was man tun möchte.
  • Man könnte denken, ein bedingter Trennstrich (*soft hyphen*{:@en} SHY) würde helfen: `Text&shy;inhalte`{:.language-html} Weit gefehlt! Die Ligatur wird trotzdem gesetzt. BTW, Firefox hat hier einen lustigen [Bug](https://bugzilla.mozilla.org/show_bug.cgi?id=479829), siehe [Beispiel](https://codepen.io/gunnarbittersmann/pen/BOPywr).
  • Ein nullbreites Leerzeichen (ZWSP U+200B) löst zwar die Ligatur auf, allerdings wird kein Trennstrich gesetzt, wenn das Wort am Zeilenende automatisch getrennt wird. Auch die Kombiation ZWSP + SHY bringt nichts, egal in welcher Reihenfolge.
  • Bleibt noch: Markup – das `wbr`-Element: `Text<wbr/>inhalte`{:.language-html}. Nö, gleiches Resultat wie bei ZWSP.
  • Was hingegen geht: **`<wbr/>`{:.language-html} + SHY**: `Text<wbr>&shy;inhalte`{:.language-html}. Keine ti-Ligatur und bei Silbentrennung erscheint der Trennstrich.
  • Das Ganze kann man sich in ☞ [**diesem Pen**](https://codepen.io/gunnarbittersmann/full/aPVwRG) ansehen.
  • BTW: ohne weiteres Zutun trennen Browser Kau-fleute und Han-flieb-haber.
  • BTW2: Die st- und ck-Schmuck-Ligaturen habe ich mit `font-feature-settings: "dlig"` eingeschaltet; die werden per Default nicht gesetzt.
  • **Nachtrag:** um die Ligaturen zu sehen, muss man Lato oder Calibri auf seinem System haben.
  • LLAP 🖖
  • --
  • *„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“* —Kurt Weidemann

Typografie zum Jahresende – Auflösung

Gb 80x80 Gunnar Bittersmann
  • Typografie zum Jahresende – Auflösung
  • @@Gunnar Bittersmann
  • > Mal abgesehen davon, dass die Nachtigall hier ein untrapsendes Beispiel war … Bleiben wir bei den Textinhalten.
  • > Bei zusammengesetzten Wörtern sollten keine Ligaturen über die Wortteile hinweg gesetzt werden.
  • Wie kann man das verhindern?
  • `Tex<span class="nolig">ti</span>nhalte`{:.language-html}
  • mit
  • `.nolig { font-feature-settings: "liga" 0 }`{:.language-css}
  • ist sicher nicht das, was man tun möchte.
  • Man könnte denken, ein bedingter Trennstrich (*soft hyphen*{:@en} SHY) würde helfen: `Text&shy;inhalte`{:.language-html} Weit gefehlt! Die Ligatur wird trotzdem gesetzt. BTW, Firefox hat hier einen lustigen [Bug](https://bugzilla.mozilla.org/show_bug.cgi?id=479829), siehe [Beispiel](https://codepen.io/gunnarbittersmann/pen/BOPywr).
  • Ein nullbreites Leerzeichen (ZWSP U+200B) löst zwar die Ligatur auf, allerdings wird kein Trennstrich gesetzt, wenn das Wort am Zeilenende automatisch getrennt wird. Auch die Kombiation ZWSP + SHY bringt nichts, egal in welcher Reihenfolge.
  • Bleibt noch: Markup – das `wbr`-Element: `Text<wbr/>inhalte`{:.language-html}. Nö, gleiches Resultat wie bei ZWSP.
  • Was hingegen geht: **`<wbr/>`{:.language-html} + SHY**: `Text<wbr>&shy;inhalte`{:.language-html}. Keine ti-Ligatur und bei Silbentrennung erscheint der Trennstrich.
  • Das Ganze kann man sich in ☞ [**diesem Pen**](https://codepen.io/gunnarbittersmann/full/aPVwRG) ansehen.
  • BTW: ohne weiteres Zutun trennen Browser Kau-fleute und Han-flieb-haber.
  • BTW2: Die st- und ck-Schmuck-Ligaturen habe ich mit `font-feature-settings: "dlig"` eingeschaltet; die werden per Default nicht gesetzt.
  • **Nachtrag:** um die Ligaturen zu sehen, muss man Lato oder Calibri auf seinem System haben.
  • LLAP 🖖
  • --
  • *„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“* —Kurt Weidemann