← Alle Beispiele

SoundCloud: Wiedergabezeiten in Monospace

Stellt Wiedergabezeiten in einer Festbreitenschrift dar, damit die Ziffern beim Abspielen nicht springen.

Code zum Kopieren

/* Use a monospace font for playback times so digits stay aligned */
.playbackTimeline__timePassed,
.playbackTimeline__duration,
.sound__duration {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace !important;
  font-variant-numeric: tabular-nums !important;
}

So verwendest du dieses Beispiel

1. Kopiere den Code mit der Schaltfläche oben.
2. Installiere JustZix (2 Minuten) und öffne die Erweiterung auf der Zielseite.
3. Füge eine neue Regel hinzu, die zu dieser Seite passt.
4. Füge den Code in das CSS-Panel der Regel ein und speichere — der Effekt erscheint sofort.