Typografie mit CSS

Texte gestalten

Ein Quiz über die wichtigsten CSS-Eigenschaften, die nötig sind, Texte lesbar und attraktiv zu gestalten.

 

1. font-family

Warum gibt man jeweils eine ganze Schrift-Familie (statt nur einer Schrift) an?

p {
	font-family: Helvetica, Arial, sans-serif;
}
 

2. Der Fallback in Schriftfamilien

Das letzte Mitglied der font-family ist wiederum eine Familie, die sog. "Generic Font-Family". Sie weist den Browser an, welche Alternative er wählen soll, wenn alle anderen Mitglieder nicht vorhanden sind.
Die häufigsten drei Werte dafür sind:

 

3. serif oder sans-serif?


Welche der folgenden Schriftarten ist eine sog. "Serifen-Schrift"?

 

4. Webfonts

Webfonts erlauben es Webentwickler*innen, Schriften einzusetzen, die nicht auf den Computern der Benutzer installiert sind.
Welche Aussagen sind richtig?

 

5. font-size

Es gibt unglaublich viele Masseinheiten für die CSS-Eigenschaft font-size. Die meisten Webentwickler verwenden jedoch nur zwei davon häufig. Welche sind das?

 

6. color

Erstaunlicherweise heisst die CSS-Eigenschaft für die Schriftfarbe color und nicht font-color, was etwas unlogisch ist.
Welches sind die gängisten Farbdefinitionen?

 

7. Verboten: Rote Texte

Warum sollte roter Text vermieden werden?

 

8. line-height

Was bestimmt die Eigenschaft line-height?

p {
	line-height: 150%;
}
 

9. Schriftstärke

font-weight könnte man mit "Schriftdicke" oder "Schriftstärke" übersetzen.
Wie kann man die Schriftstärke mit CSS definieren?

 

10. Lesbarkeit

Welche Eigenschaften habe gut lesbare Texte auf Websites?