Eigenes CSS für NICHT-existente ZETA-Klasse

Hall,

Ich möchte in meinen Texten (gelegentlich) Initiale verwenden. Dazu habe ich ein Style-Paket geschnürt und füge es in den <span>-Bereich ein, der den Initial-Buchstaben umschließt. Das ist lästig. Deshalb schwebt mir eine Klasse ".initial" vor die dann dem <span>-Bereich zugewiesen wird.

Leider funktioniert die Definition span.initial {...} in den Einstellungen -> CSS nicht. Ebensowenig geht #content span.initial oder nur .initial.

Was mache ich dabei falsch?

das Style-Paket: <span style="font-size: 48pt; float: left; line-height: 30pt; font-weight: 300; margin-right: 2pt; margin-top: 4pt; margin-bottom: 0px;">B</span>

Danke und Gruß

Wolfgang

Zitat von Stefan S

Da müssten wie eine Seite mit Beispielhaftem Inhalt online sehen können, um zu beurteilen, warum das CSS nicht greift. Sollte eigentlich genau so funktionieren, wie Sie es beschrieben haben.

Ich bin überrascht: Es geht jetzt, wie gewünscht!

Definition mit span.initial { ... }

Beispiele:

oder

Was immer ich vorher falsch gemacht habe, jetzt habe ich es wohl richtig gemacht.

Zusatzfrage: Werden lokale (public domain) Zeichensätze, die nicht Bestandteil von ZETA sind, automatisch mit auf den Server geladen?

Danke für eine Antwort, auch wenn's ein ganz andres Thema ist...

Freundliche Grüße

Wolfgang M.