css/html: Schrift vertikal in Bild einfügen

[Lukas.]

Hallo Forum,

welches ist die beste Möglichkeit, in ein Bild auf einer Webseite hinein zu schreiben, sowohl horizontal als auch vertikal?

Gruß, Lukas

[Robert B.]

Hallo Lukas,

was heißt denn "in ein Bild […] hinein […] schreiben"? Soll in die Bilddatei oder der Text auf der Grafik platziert werden? Ersteres funktioniert nicht mit CSS und HTML, letzteres schon.

Viele Grüße
Robert

[Lukas.]

Hallo Robert,

was heißt denn "in ein Bild […] hinein […] schreiben"? Soll in die Bilddatei oder der Text auf der Grafik platziert werden?

Nein, es soll nicht in die Grafik hinein geschrieben werden, eher als eine Art Layer über die Grafik geblendet werden. Konkret geht es darum, ein Blankoformular, das als Grafik vorliegt, vertiakl und horizontal punktgenau mit Text zu befüllen.

Lukas

[Gunnar Bittersmann]

@@Lukas.

welches ist die beste Möglichkeit, in ein Bild auf einer Webseite hinein zu schreiben

Hängt davon ab. Handelt es sich bei dem Bild um Inhalt oder Verzierung?

als auch vertikal?

Vertikal schreiben: writing-mode: vertical-rl (plus -webkit--Präfix), bei Bedarf auch noch transform: rotate(180deg) (dann das Ganze in @supports()-Regel).

Siehe Beispiel

LLAP 🖖