Typografie zum Jahresende – Auflösung
bearbeitet von@@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­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>­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
bearbeitet von@@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­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>­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
bearbeitet von@@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­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>­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.
LLAP 🖖
--
*„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“* —Kurt Weidemann