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

Mit CSS eine Font-Family Allgemein festlegen

barbagianni
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;
}
0

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.
0
silver2k
silver2k11.10.1519:53
barbagianni

Einfach als CSS Selektor "body" verwenden:

body {

....

}
0
barbagianni
barbagianni11.10.1520:01
Das ist echt super. Danke sehr!
0
barbagianni
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?
0
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}
0
barbagianni
barbagianni12.10.1509:08
Krypton. Danke, es funktioniert
0
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
„...“
0
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.
„...“
0

Kommentieren

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