diedVIPs

html knowhow

Schrift












Schrift
In CSS gibt es fünf generische Schriftfamilien:
Serif - Schriften haben einen kleinen Hub an den Kanten der einzelnen Buchstaben. Sie schaffen ein Gefühl von Formalität und Eleganz.
Sans-Serif - Schriften haben klare Linien. Sie schaffen einen modernen und minimalistischen Look.
Monospace - Schriften - hier haben alle Buchstaben die gleiche feste Breite. Sie erzeugen einen mechanischen Look.
Kursive Schriftarten imitieren die menschliche Handschrift.
Fantasy - Schriften sind dekorative/verspielte Schriftarten.
font Schrift
Wenn Sie keine der Standardschriften verwenden möchten, können Sie Google Fonts verwenden. Google Fonts kann kostenlos verwendet werden und bietet mehr als 1000 Schriftarten zur Auswahl.
  • font-style
  • font-variant
  • font-weight
  • font-stretch(CSS 3)
  • font-size
  • line-height
  • font-family
  • caption
  • icon
  • menu
  • message-box
  • small-caption
  • status-bar
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
<style>
body {
font-family: "Sofia", sans-serif;
}
</style>
</head>
font-family Schriftart
  • serif
  • sans-serif
  • cursive
  • fantasy
  • monospace
  • inherit
.p1 {font-family: "Times New Roman", Times, serif;}
.p2 {font-family: Arial, Helvetica, sans-serif;}
.p3 {font-family: "Lucida Console", "Courier New", monospace;}
font-size Schriftgröße
font-size legt die Größe des Textes fest.
  • <length>
  • <percentage>
  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large
  • larger
  • smaller
h1 {font-size: 40px;}
body {font-size: 100%;}
h1 {font-size: 2.5em;}
h2 {font-size: 1.875em;}

font-style font-style wird hauptsächlich verwendet, um kursiven Text anzugeben.
  • normal
  • italic
  • oblique
  • inherit
p.normal {font-style: normal;}
p.italic {font-style: italic;}
p.oblique {font-style: oblique;}
font-weight Schriftstärke
font-weight gibt das Gewicht einer Schriftart an.
  • normal
  • bold
  • bolder
  • lighter
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
  • inherit
p.normal {font-weight: normal;}
p.thick {font-weight: bold;}
!important Dieser Befehl wird verwendet, um einer Eigenschaft/einem Wert mehr Bedeutung als normal zu verleihen. Er unterlegt einen Text mit einer Farbe   p {background-color: red !important;}
strong Dieser Befehl wird verwendet, um Text mit hoher Bedeutung zu definieren. Der Inhalt wird in Fettdruck angezeigt.   strong {font-weight: bold;}
b Dieser Befehl gibt fetten Text ohne zusätzliche Bedeutung an.    








Kontakt    Datenschutz   Impressum