Font mit Outline (Umrandung) versehen?

[Mathias Brodala]

Hallo Michael.

ich suche eine Möglichkeit normalen Text auf einer Seite in einem Outline-Font darzustellen (also z.B. Weisse Schrift mit Schwarzer Umrandung). Natürlich möchte ich auch beide Farben noch wählen können^^

Entweder mit einer Grafik oder wie folgt:

<h1>  
  <span id="primary">FooBar</span>  
  <span id="secondary">FooBar</span>  
</h1>

h1 {  
  font-family:sans-serif;  
  position:relative;  
}  
span#primary { /* Text */  
  color:#fff;  
  position:absolute;  
  z-index:2;  
}  
span#secondary { /* Schatten */  
  color:#333:  
  left:0;  
  position:absolute;  
  top:0.1em;  
  z-index:1;  
}

Damit erreichst du vielleicht am ehesten noch was du möchtest. Nachteile hier: es kann nur ein Schatten simuliert werden und der Inhalt muss doppelt vorhanden sein. Doch zumindest funktioniert diese Methode sogar im IE.

So etwas wie eine „text-outline“-Eigenschaft gibt es leider noch nicht.

Einen schönen Montag noch.

Gruß, Mathias