font-face Anfängerfrage?

[Rolf B]

Hallo Thei-Zwickau,

es gibt diverse Möglichkeiten. Du kannst bei diesem HTML

<h2 class="badHeader">I Look Into Your Eyes</h2>

1. in einer Regel mehrere Eigenschaften setzen

h2 {
   font: 15px serif; /* oder deine Schrift */
   color: white;
   background-color: red;
}

2. für eine Element oder eine Klasse mehrere Regeln formulieren

h2 {
   font: 15px serif; /* oder deine Schrift */
}
h2 {
   color:white;
}
.badHeader { 
   color:green; 
   background-color: red;
}

Bei Kollisitionen - wie hier für color - greifen die CSS Spezifitäts-Regeln. Ein Typselektor (oder Elementselektor) ist weniger spezifisch als ein Klassenselektor, darum würde die Schrift hier grün werden.

3. einem Element mehrere Klassen geben

<h2 class="badHeader faceText">I Look Into You Eyes</h2>

.faceText {
   font: ...;
   color: green;
}

.badHeader {
   color: white;
   background-color: green;
}

Bei gleicher Spezifizität gewinnt die spätere Regel, der Text würde hier weiß werden.

Rolf