Text mit eigener Schriftart automatisch in Bilder umwandeln
Mittwoch, 5. September 2007
Geschrieben von Armin Vieweg
Eigene Schriftarten zu verwenden geht meist nicht, da diese auf dem PC des Besuchers ebenfalls installiert sein müssten. Es gibt einen einfachen Weg das zu umgehen.
Und zwar einen Text umwandeln in ein Bild. Das kann man mit Photoshop machen, ist aber recht müßig, wenn man z.B. die Überschrift von jeder Seite umwandeln möchte.
Glücklicherweise gibt es dafür ein schönes und einfaches Script, das wie ein Bild aufgerufen wird. Innerhalb des Bildes wird dann der Text übergeben, den man gerne angezeigt haben möchte. Die Schriftart die verwendet werden soll, muss mit auf dem Webspace liegen. Praktisch ein PHP Font 2 Image Script.
So sieht das dann z.B. aus:
<img src="http://www.deine-domain.de/fonts/?text='Dies ist ein Bild!'
&font='schriftart.ttf'
&size=18
&color=0x000000
&bgcolor=0xFFFFFF
&antialias=15"
alt="Dies ist ein Bild"
title="Dies ist ein Bild" />
Über die Variablen im Quellcode können dann verschiedene Einstellungen gemacht werden. Basis ist aber immer die Schriftart. Ihr könnt natürlich auch mehrere Schriftarten hochladen und die dann entsprechend per Dateiname aufrufen.
Das PHP Script was hier aufgerufen wird, ladet Ihr Euch herunter, schiebt es auf Euren Server, ladet die Schriftarten die verwendet werden sollen im TTF-Format hoch und verlinkt es wie im obrigen Beispiel.
Folgende Parameter können verwendet werden:
font - Die Schriftart, die verwendet werden soll als True Type Font (TTF)
width - Vorgegebene Breite des Bildes
height - Vorgegebene Höhe des Bildes
align - Horizontale Ausrichtung des Textes im Bild valign - Vertikale Ausrichtung des Textes im Bild
bgcolor - Hintergrundfarbe
bgtrans - Ob der Hintergrund transparent sein soll
bgimage - Ein sich wiederholendes Hintergrundbild
antialias - Stärke der Kantenglättung
type - Welches Bildformat verwendet werden soll
file - Wenn vergeben wird das Bild auf dem Webspace gespeichert
palette - Anzahl der Farben. Wichtig für GIF und PNG
quality - JPEG-Qualität in Prozent
Ihr seht schon, das Script bietet jede Menge Möglichkeiten.
Eine ausführliche Anleitung (auf Englisch) und das Script findet Ihr hier.
Kommentare (11)
