Hallo zusammen
Ich würde gerne meinen Überschriften im Typo3 eine andere Schriftart zuordnen, damit ein schöneres Einheitsbild entsteht. Ich habe die Schrift als .ttf File ins Typo3-Verzeichnis geladen und kann sie z.B. als Vorlage für ein GMENU brauchen.
Wie kann ich sie nun als Schrift für die <h1>-<h3> Tags verwenden? Ist dies überhaupt möglich?
Ich danke euch schon jetzt für die Hilfe!
:o
für typo3 ist das in den einstellungen möglich sprache und so weiter zu ändern.
für deine mit typo erzeugte page kannst du über html den schriftsatz angeben, aber wenn der user den nicht installiert hat, wird er ihn auch nicht sehen.
darum gibt man auch immer soviele fonts an, der letzte sollte sowohl auf mac, als auch auf pcs laufen.(->selfhtml)
sonst mußt du versuchen ajax-mäßig abzugehen. font laden und mit js einbinden. könnte klappen, i-frames sind auch interaktiv (alles selfhtml).
sorry,
das mit dem be stimmt nicht.
ich dachte, ich hätte es dort mal gesehen.
neben einer steuerung und meinem typo-projekt...*doch-keine-ruhe-lass*...
unter 'deinPfad\deinProjekt\typo3' findest du eine css-datei, in der kannst du die auf deinem system bekannten fonts für dein backend angeben wie für eine html-seite.
Danke für deine Antworten.
Ich habe nun ein bischen ausprobiert und bin auf eine weitere möglichkeit gestossen.
Header1 = TEXT
Header1 {
10.fontFile = fileadmin/user_upload/template/REVUE.TTF
}
lib.stdheader.10.1 < Header1
Nun ist aber folgendes Problem vorhanden (egal welchen Weg ich wähle): die Schrift Revue wird als h1 nicht gleich dargestelt, wie als Bild im GMENU. Ist dieses Problem bekannt oder fehlen mir noch Einstellungen?
hi,
wenn einstellungen, dann am gif-builder, denke ich.
weil es z.b. auch einen unterschied zwischen den renderergebnissen bei gifs als background-image eines div im gegensatz zu linien wie border gibt, das ist einfach versetzt, sogar farbfehler sind da.
es ist eine sache von aliasing, schätze ich, die gif-builder-schriften sehen weicher aus, als die durch css formatierten html-schriften. ich habe noch nichts mit dem gif-builder gemacht, aber vielleicht (bestimmt) gibt es eine einstellung, die pixelgenaue übertragung erzwingt.
o d e r: du machst die headline auch als gif.
Hi Gensche,
Du meinst wahrscheinlich sowas?
# Die Überschrift neu formatieren
lib.stdheader >
lib.stdheader = CASE
lib.stdheader {
#default-Überschrift zuordnen
key.field = header_layout
default = IMAGE
default.file = GIFBUILDER
default.file {
XY = [10.w]+10,30
backColor=#FFFFFF
10 = TEXT
10.text.field = header
10.fontFile=fileadmin/fonts/DEINE_SCHRIFT.TTF
10.fontColor = #003300
10.fontSize = 20
10.offset = 0,20
}
#default.field = header
default.wrap = |<br />
#Layout 1 zuordnen
1 = TEXT
1.field = header
1.wrap = <span class="layout1_headline">|</span>
#Layout 2 zuordnen
2 = TEXT
2.field = header
2.wrap = <br /><span class="layout2_headline">|</span>
}
Du siehst hier einen Mix aus formatierter Headline mit Hilfe des GIF-Builders (default-Headline) und CSS-formatierter Schrift mit Hilfe eines einfachen Wraps.
Wenn Du übrigens einen transparenten Background für Deine grafische Überschrift haben willst, musst Du den Parameter
transparentBackground = 1
setzen, das sähe dann im Block "default.file" wie folgt aus:
default.file {
XY = [10.w]+10,30
transparentBackground = 1
10 = TEXT
10.text.field = header
10.fontFile=fileadmin/fonts/DEINE_SCHRIFT.TTF
10.fontColor = #003300
10.fontSize = 20
10.offset = 0,20
}
Hoffe, ich habe den Punkt getroffen.
Sonnige Grüße
Bitbull
Oh ja! Du hast den Punkt genau getroffen!
Ich danke dir viel mals... hatte die Hoffunung scho aufgegeben #giggle#
Nun sieht meine Überschrift auch perfekt aus!
Danke und ebenfalls sonnige Grüsse 🙂