Zum Inhalt springen

Anfängerfrage; wo wird eine Schriftart im "Beispiel" definiert

Erstellt am 28. Januar 2013 · 4 Antworten · letzte Antwort am 29. Januar 2013

Tags: HTML & CSS, Frage

_mark_ ·

Hallo zusammen,

am Wochenende habe ich Typo3 6.0.0 auf meinem Webspace installiert, um damit meine ersten Gehversuche zu gestalten. Das Beispiel habe ich in Bearbeitung und versuche es als "Spielwebseite" anzupassen.

Eine Frage, die mir jetzt unter den Fingernägeln brennt ist, wo kann ich die Schriftart ändern, die im Hauptteil die Überschrift darstellt. Ich habe schon sämtliche CSS Dateien über den Dateimanager angeschaut, aber noch nicht Wirklich die Lösung gefunden.

Als Anlage füge ich ein Bildschirmfoto an, wo der Bereich rot markiert ist.

Installierte Typo3 6.0.0 Version: 6.0.0 (2012-11-27); Introduction Package

Über einen winzigen Schubs in die richtige Richtung würde ich mich sehr freuen.

Gruß und einen schönen Start in die neue Woche

Mark

schriftart_aendern.jpg

Norman2k ·

Hallo und Willkommen im Forum,

die Lösung kann ich dir auch nicht sagen, da ich das Introduction Package nicht nutze aber es gibt gute Tools für Browser (Firebug z.B.) wo du mit einem Klick herausfinden kannst, aus welcher CSS-Datei die Anweisungen für ein bestimmtes Element herkommen.

_mark_ ·

Hallo Norman2k,

vielen Dank für den Tipp, aber Firebug verweist mich immer auf die Datei:

/default/templates/css/example.css

und dort auf Zeile 29, welche den Inhalt:

h1.csc-firstHeader, h2.csc-firstHeader, h3.csc-firstHeader, h4.csc-firstHeader, h5.csc-firstHeader, h6.csc-firstHeader { margin-top: 0; }

hat, aber da hört es dann auf bei mir...

Gruß Mark

Norman2k ·

Dann ist wohl keine Schriftart dafür definiert und es wird die Standardschrift des Browsers verwendet.
Also füge einfach deine gewünschte Schrift dort ein.

_mark_ ·

Die Lösung ist gefunden!

Heute nochmal mit Firebug genauer geschaut und tatsächlich die Schrift gefunden.

In der Datei "frontpage.css" im CSS Ordner ist in Zeile 5 die Schrift definiert gewesen.

/********************************/
/* FRONT PAGE ONLY STYLES */
/********************************/
div#contentWrap {background: #FFB70F url(../images/flower_mask2.png) bottom left no-repeat !important;}
div#mainContent h1, div#mainContent  h2 { font-family: Verdana; font-weight:normal;}
div#mainContent h1 em {font-style:italic;}
div#secondaryContent li {color:#FFB70F;}
div#breadcrumb {display:none;}

Der Thread kann somit als erledigt abgehakt werden.

Gruß Mark