Überschrift als Graphik

9 Kommentare | Rubrik: Module

Meist ist es aus designtechnischen Gründen nötig mehr als nur die Standardschriften im Web zu verwenden. Folgendes Modul zeigt wie eine Überschrift aus einer Schriftdatei automatisch erstellt werden kann.

Folgendes TS für Typo3 generiert aus einer auf dem Server befindlichen Schriftdatei (Font-Datei) eine Überschrift als Graphik. Der Codeschnipsel ist für die Verwendung im traditionellen Template Modul erstellt worden, um aus dem Title-Feld eine Überschrift zu generieren. Es kann aber zur Verwendung mit TemplaVoilà angepasst werden.

#Erstellen und leeren einer Library
lib.headline >

lib.headline = IMAGE
lib.headline {

#wrap um das generierte Bild
wrap = <h1>|</h1>

file = GIFBUILDER
file {

#Breite X und Hoehe Y
XY = 100,25

#Output-Typ gif oder jpg
format = jpg

#Quality für jpg-Output
quality = 80

#transparente Farbe z.B. #ffffff, white oder 255,255,255
transparentColor = #ffffff

#Hintergrundfarbe (Standard: white)
backColor = #ffffff

10 = TEXT

#verwendet den Text aus dem Titlefeld
10.text.field = page:title
#sonst wird in TemplaVoila das aktuelle Feld benutzt
#10.text.current = 1

#maximale Anzahl der Zeichen (Standard: 100)
10.textMaxLength = 20

#Schriftgroesse
10.fontSize = 18

#Abstand nach oben und unten
10.offset = 0,20

#Verweis auf eine Schriftdatei (Standard: Nimbus)
10.fontFile = fileadmin/fonts/fire.TTF

#Rotation des Textes in Grad (Standard: 0)
10.angle = 0

#Ausrichtung des Textes (Standard: left)
10.align = center

#Schriftfarbe
10.fontColor = #587BA9

#Antialising aktivieren (Standard: 1) 
#ist bei niceText nicht verfuegbar
10.antiAlias = 1

#hilft kleine Buchstaben besser darzustellen
10.niceText = 0
}
}

Wichtig

Wenn niceText verwendet wird, werden Buchstaben erst vergrößert und wieder heruntergerechnet. Bei Verwendung der transparenten Hintergrundfarbe können so farbige Bereiche rund um die Buchstaben entstehen, die nicht transparent gesetzt werden. Sie sind dann eine Mischung aus der Hintergrundfarbe und der Schriftfarbe.

Bei einigen ImageMagick Versionen kann es vorkommen, dass Hintergrundfarbe und Textfarbe vertauscht werden. Hier muss im Installtionsmenü bei "All Configurations" [im_negate_mask] auf 0 und [im_imvMaskState] auf 1 gesetzt werden.