Schrift unsichtbar machen

[Jo]

Hallo zusammen!

Ich mach mit nem Kumpel zusammen eine kleine Website. Er ist mehr für das Design und ich für die Umsetzung zuständig.

Er meint nun, dass die Überschriften unbedingt in einer bestimmten Schriftart in gelb und schwarz umrandet sein muss.

Die einzige Möglichkeit ist doch, dies mit einer Grafik zu realisieren, was ich gar nicht gut finde.

Da ich ihn nicht davon abbringen konnte, hab ich jetzt die Überschrift, den Text in der Hintergrundfarbe rechtsbündig dargestellt und die Grafik als Hintergrundbild der Überschrift zugeordnet. Also etwa so:

h3 {
   height:25px;
   background-image: url(bild.jpg);
   background-repeat:no-repeat;
   color:#FFF; text-align:right;
  }

<h3>Text</h3>

Das macht spätestens dann Probleme, wenn die Überschrift zu lang wird, dass Sie die grafik überlappt.

visibility:hidden zeigt auch die Hintergrundgrafik nicht an.
Ein <span> mit visibility:hidden geht zwar, aber gibts da nix eleganteres?

Viele Dank schon mal und Grüßle
Jo