Mit CSS eine Font-Family Allgemein festlegen

Push-Nachrichten von MacTechNews.de

Würden Sie gerne aktuelle Nachrichten aus der Apple-Welt direkt über Push-Nachrichten erhalten?

Forum>Entwickler>Mit CSS eine Font-Family Allgemein festlegen

barbagianni11.10.1519:44

Hallo zusammen,

heute habe ich mein CSS Datei meiner superalte Webseite wieder aufgemacht weil ich die Schriftart ändern wollte.

Mein Code sieht wirklich nicht ganz gut aus. So dachte ich ich änder die Schriftart und räume es etwas auf:

Gibt es ein möglichkeit die Font-Family nur einmal für alles definieren?

.g2 {
    font-family: "Open Sans",Helvetica,trebuchet,Arial,sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    color: #afa391;
    line-height: 1.2;
    vertical-align: text-bottom;
}
.g2 a:link, a:active, a:visited {
    font-family: "Open Sans",Helvetica,trebuchet,Arial,sans-serif;
    font-size: 1.0em;
    font-weight: normal;
    color: #afa391;
    text-decoration: none;
}
.g2 a:hover {
    color: #7b7668;
}

.text_normal_09em {
    font-family: "Open Sans",Helvetica,trebuchet,Arial,sans-serif;
    color: #857D71;
    font-weight: normal;
    font-size: 0.9em;
}
.text_normal_08em {
    font-family: "Open Sans",Helvetica,trebuchet,Arial,sans-serif;
    color: #857D71;
    font-weight: normal;
    font-size: 0.8em;
    }


#maincont #maintext .a_box3 a:link, a:active, a:visited {
    color: #afa391;
    text-decoration: none;
    font-family: "Open Sans",Helvetica,trebuchet,Arial,sans-serif;
    font-size: 0.9em;
}
#maincont #maintext .a_box3 a:hover {
    color: #7b7668;
}

#maincont .a_box4 {
    color: #7b7668;
    text-decoration: none;
    font-family: "Open Sans",Helvetica,trebuchet,Arial,sans-serif;
    font-size: 0.9em;
}
#maincont .a_box4 a:link, a:active, a:visited {
    color: #7b7668;
    text-decoration: none;
    font-family: "Open Sans",Helvetica,trebuchet,Arial,sans-serif;
    font-size: 0.9em;
}
#maincont .a_box4:hover {
    color: #afa391;
}

#maincont #maintext .a_box4 {
    color: #7b7668;
    text-decoration: none;
    font-family: "Open Sans",Helvetica,trebuchet,Arial,sans-serif;
    font-size: 0.9em;
}

Kommentare

Krypton11.10.1519:53

Du kannst die Schrift schon für das <body> Element definieren, diese wird dann auf alle untereren Elemente vererbt. Nur wenn ein Element eine andere Schrift bekommen soll, kannst du hier eine Ausnahme definieren.

body {
font-family: "Open Sans", Helvetica, Trebuchet, Arial, sans-serif;
font-size: 0.9em;
text-decoration: none;
color: #7b7668;}

Die Zeilen kannst du (sofern sie in den anderen Elementen identisch sind) sonst überall löschen. Bei den einzelnene Elementen musst du nur noch die Abweichungen (font-size, color) notieren.

silver2k11.10.1519:53

barbagianni

Einfach als CSS Selektor "body" verwenden:

body {

....

}

barbagianni11.10.1520:01

Das ist echt super. Danke sehr!

barbagianni11.10.1520:39

Ich habe eine Problem mit der Text-decoration

text-decoration: none; Es wird leider nicht vererbt.
Obwohl ich in der Body drin habe, werden aktiver Links mit underline gezeigt.

Eine Idee was ich hier machen kann?

Krypton11.10.1521:12

Die Links werden standardmäßig unterstrichen, wenn du das für alle Links entfernen willst:

a, a:link, a:hover, a:visited, a:active {text-decoration:none}

barbagianni12.10.1509:08

Krypton. Danke, es funktioniert

dom_beta12.10.1516:56

Krypton

Die Links werden standardmäßig unterstrichen, wenn du das für alle Links entfernen willst:

a, a:link, a:hover, a:visited, a:active {text-decoration:none}

ich glaube

a{text-decoration:none}

sollte reichen

„...“

dom_beta29.10.1502:49

Krypton

body {
font-family: ;
font-size: 0.9em;
text-decoration: none;
color: #7b7668;}

für font:

p {
font:normal normal 16px "Open Sans", Helvetica, Trebuchet, Arial, sans-serif;
}

bspw.

„...“

Kommentieren

Diese Diskussion ist bereits mehr als 3 Monate alt und kann daher nicht mehr kommentiert werden.

Neuer Mac: Vorbereitung für den Umzug vom alten...

Parallels führt x86-Windows auf M-Macs aus – Te...

Kurz: Trump unterstützt Musk als TikTok-Besitze...

Update-Abend: macOS 15.1.1, iOS 18.1.1, iPadOS ...

Apple-Leak spricht vom "iPad Air M3"

Tim Cooks Jahresgehalt – und die Vergütung der ...

Bilder geben Hinweis: Mac mini M4 mit austausch...

TechTicker