Wie umrahmt man Zeichen?

[Rolf B]

Hallo Auge,

text-shadow ist, gerade bei höheren Schriftgrößen, mies. Im Gegensatz zu box-shadow kann man keinen Spread-Radius angeben, nur einen Blur-Radius. Bei großen Zeichen braucht man einen größeren Blur-Radius, damit man davon etwas sieht, und dann ist der zu schnell verblurred.

Die Alternative ist ein vierfacher text-shadow, jeweils ein paar Pixel nach links oben, rechts oben, links unten und rechts unten versetzt, aber TOLL sieht das auch nicht aus.

Bei -webkit-text-stroke gehen allerdings filigranere Font-Anteile verloren. Gerade bei Zeichen wie ♯ oder ♭ sieht das echt doof aus. Für die ist die text-shadow-Lösung besser, weil der Schatten komplett hinter dem Zeichen bleibt.

Eine andere Lösung könnte noch SVG sein - ein kleines SVG für jeden Boombox-Kreis.

Rolf