Letter-spacing-Geraffel?
bearbeitet von
@@Gunnar Bittersmann
> Letter-spacing? Warum das denn?
Und auch hier:
```html
<p>Japa<span style="letter-spacing: .135em;">n</span>: <span style="letter-spacing: .085em;">5</span>. Januar 20<span style="letter-spacing: .095em;">0</span>9</p>
```
- Du willst größeren Abstand vor dem Doppelpunkt? Dann wäre jeweils der Doppelpunkt (nicht der vorherige Buchstabe) in ein `<span class="colon">`{:.language-css} zu packen und im Stylesheet `.colon { margin-left: .135em }`{:.language-css} anzugeben.
- Du willst die Ziffern gleich breit (dicktengleich) haben? Dann wäre statt dem Letter-spacing-Geraffel `font-variant-numeric: tabular-nums` anzugeben.[^1]
☞ [proportional vs. tabular numbers](https://codepen.io/gunnarbittersmann/pen/dydjOxY)
[^1]: `font-feature-settings: 'lnum', 'tnum'` wäre auch möglich; ist aber problematischer wegen Überschreibung duch andere OpenType-Features
- Du willst den Abstand bei bestimmten Buchstabenpaaren vergrößern? Oder anders gesagt: Du willst den Abstand bei bestimmten Buchstabenpaaren nicht verkleinern, sondern das Kerning abschalten? Dann wäre statt dem Letter-spacing-Geraffel `font-feature-settings: 'kern' 0` anzugeben.
🖖 Живіть довго і процвітайте
{:@uk}
--
*When the power of love overcomes the love of power the world will know peace.*{:@en}
— Jimi Hendrix
Von JS dynamisch erzeugter Inhalt kommt nicht an PHP-Variablen heran
bearbeitet von
@@Gunnar Bittersmann
> Letter-spacing? Warum das denn?
Und auch hier:
```html
<p>Japa<span style="letter-spacing: .135em;">n</span>: <span style="letter-spacing: .085em;">5</span>. Januar 20<span style="letter-spacing: .095em;">0</span>9</p>
```
- Du willst größeren Abstand vor dem Doppelpunkt? Dann wäre jeweils der Doppelpunkt (nicht der vorherige Buchstabe) in ein `<span class="colon">`{:.language-css} zu packen und im Stylesheet `.colon { margin-left: .135em }`{:.language-css} anzugeben.
- Du willst die Ziffern gleich breit (dicktengleich) haben? Dann wäre statt dem Letter-spacing-Geraffel `font-variant-numeric: tabular-nums` anzugeben.[^1]
☞ [proportional vs. tabular numbers](https://codepen.io/gunnarbittersmann/pen/dydjOxY)
[^1]: `font-feature-settings: 'lnum', 'tnum'` wäre auch möglich; ist aber problematischer wegen Überschreibung duch andere OpenType-Features
- Du willst den Abstand bei bestimmten Buchstabenpaaren vergrößern? Oder anders gesagt: Du willst den Abstand bei bestimmten Buchstabenpaaren nicht verkleinern, sondern das Kerning abschalten? Dann wäre statt dem Letter-spacing-Geraffel `font-feature-settings: 'kern' 0` anzugeben.
🖖 Живіть довго і процвітайте
{:@uk}
--
*When the power of love overcomes the love of power the world will know peace.*{:@en}
— Jimi Hendrix
Von JS dynamisch erzeugter Inhalt kommt nicht an PHP-Variablen heran
bearbeitet von
@@Gunnar Bittersmann
> Letter-spacing? Warum das denn?
Und auch hier:
```html
<p>Japa<span style="letter-spacing: .135em;">n</span>: <span style="letter-spacing: .085em;">5</span>. Januar 20<span style="letter-spacing: .095em;">0</span>9</p>
```
[Oops, zu früh auf „Speichern“ gedrückt. Rest kommt noch.]
🖖 Живіть довго і процвітайте
{:@uk}
--
*When the power of love overcomes the love of power the world will know peace.*{:@en}
— Jimi Hendrix
Von JS dynamisch erzeugter Inhalt kommt nicht an PHP-Variablen heran
bearbeitet von
@@Gunnar Bittersmann
> Letter-spacing? Warum das denn?
Und auch hier:
```html
<p>Japa<span style="letter-spacing: .135em;">n</span>: <span style="letter-spacing: .085em;">5</span>. Januar 20<span style="letter-spacing: .095em;">0</span>9</p>
```
🖖 Живіть довго і процвітайте
{:@uk}
--
*When the power of love overcomes the love of power the world will know peace.*{:@en}
— Jimi Hendrix