Zum Inhalt springen

<h1> spezielles fontFile zuweisen

Erstellt am 10. Dezember 2008 · 2 Antworten · letzte Antwort am 17. Dezember 2008

Tags: HTML & CSS, Frage

flobb ·

Hallo alle

Ich konnte bisher per CSS das <h1> Tag immer mit den "Standardschriften" stylen. Aber jetzt habe ich eine etwas andere Situation:
Ich muss dem <h1> ein Font File zuweisen. Wie kann ich das machen per TypoScript oder allenfalls mit CSS?

Besten Dank für Eure Antworten!
Flo

Unbekannter Benutzer ·

Der Besucher deiner Seite müsste die Schriftart schon auf _seinem_ PC installiert haben, damit er deine Überschriften dann darin sieht (vorausgesetzt, du setzt die Schriftart im Stylesheet).

Wenn deine Schriftart zu exotisch ist, kannst du schauen, ob du die Überschriften mit dem Gifbuilder als Grafiken erzeugen lässt. Um dabei deine Schriftart zu nutzen reicht es, wenn die Schriftarten-Datei auf deinem Server liegt.

flobb ·

Danke für den Tipp! Habe nun folgendes TypoScript erstellt:

# Headerzeile schreiben
      lib.stdheader.10.1 = COA
      lib.stdheader.10.1 {
        10 = IMG_RESOURCE
        10.file = GIFBUILDER
        10.file {
               XY = [10.w]+10,[10.h]+10
               transparentBackground = 1
               10 = TEXT
               10 {             
               text.current = 1
               fontSize = 18
               fontFile = fileadmin/templates/fonts/forte.ttf
               offset = 0,17
               fontColor = #000000
               niceText = 1
               }
 	}
 	
 	10.stdWrap {
      	wrap = <h1 style="background: url('|') no-repeat">
      	wrap.htmlSpecialChars = 1
      	append = TEXT
      	append {
      	current = 1
         wrap = | </h1>
         }
        }
      } 

      lib.headerzeile < lib.stdheader.10.1

Gruss

flobb