Schrift ändern
Schrift mit CSS ändern
Wenn Sie Ihr eigenes CSS Design erstellen, müssen Sie natürlich auch die Optik der Schrift definieren, damit sie so aussieht, wie Sie es wollen. Mit CSS können Sie Schriftart, Schriftgröße, Schriftstil und das Schriftgewicht verändern. Je nach dem, wo Sie die Deklarationen notieren, ändern Sie entweder die Schrift der kompletten Website oder nur bestimmter Bereiche.
Schriftart
Die Schriftart können Sie mit der Eigenschaft font-family ändern. Als Wert wird der Name der Schriftart oder mehrerer Schriftarten (getrennt durch Kommata) vermerkt. Schriften mit Leerzeichen im Namen müssen in Anführungszeichen notiert werden, da sonst Fehler auftreten können. Es empfiehlt sich, immer eine alternative Schriftart anzugeben, da nur Schriften vom Browser dargestellt werden können, die auch auf dem Computer installiert sind.Schriftgröße
Die Schriftgröße können Sie mit der Eigenschaft font-size ändern. Als Werte werden entweder Größenangaben und Prozentangaben (beziehen sich auf das Elternelement) angegeben. Außerdem gibt es die Schlüsselwörter xx-small, x-small, small, medium, large, x-large, xx-large, larger und smaller. Die beiden Letzten beziehen sich ebenfalls auf die Größe des Elternelements. Die Schriftgröße wird hierbei um eine Einheit vergrößert oder verkleinert.Schriftstil
Der Schriftstil gibt an, ob die Schrift kursiv ist oder nicht. Er wird angegeben mit der Eigenschaft font-style. Mögliche Werte sind zum Einen italic und oblique, die die Schrift kursiv machen, und zum Anderen normal (Standardeinstellung).Schriftgewicht
Das Schriftgewicht gibt an, ob und wie Fett die Schrift sein soll. Er wird angegeben mit der Eigenschaft font-weight. Mögliche Werte sind normal (Standardeinstellung), bold, bolder und lighter. Die Schrift ist dann entsprechend dick, extra dick und extra dünn.body{
font-family:Arial, Verdana;
font-size:12px;
font-style: italic;
font-weight: bold;}
font-family:Arial, Verdana;
font-size:12px;
font-style: italic;
font-weight: bold;}
| zurück zu "CSS Tutorials" |
