font-family, font-style Unterschied?
Was ist bei CSS der Unterschied zwischen einer "font-family" und "font-style"?
3 Antworten
![](https://images.gutefrage.net/media/user/EinAlexander/1568031404353_nmmslarge__0_0_355_355_53fff13ea2c79ad9fbc680094640ebd8.jpg?v=1568031404000)
font-family, font-style Unterschied?
Mit font-family wird die Schrif-Familie angegeben. Entweder genau als spezifische Schriftart:
body { font-family: Arial }
oder als Mehrfachangabe unterschiedlicher Schriftfamilien:
body { font-family: Times, "Times New Roman" }
/* steht die Schriftfamilie Times auf dem Rechner
nicht nur Verfügung, wird "Times New Roman" genommen */
oder als generische Schriftfamilie:
body { font-family: serif }
/* es wird die Standard-Schriftfamilie genommen, die im
Browser für serif definiert ist */
oder die beste Lösung, ein Kombination der genannten:
body {
font-family: Arial,Helvetica,sans-serif
}
Das bedeutet, wenn die Schriftfamilie Arial zur Verfügung steht, soll der Text mit Arial dargestellt werden; steht Arial nicht zur Verfügung, soll Helvetica dargestellt werden, steht Helvetica auch nicht zur Verfügung soll irgendeine andere serifenlose Schriftart genommen werden.
Mit der Eigenschaft font-style gibst Du an, ob der Text kursiv oder nicht kursiv dargestellt werden soll:
body { font-style: italic }
/* der Text wird kursiv dargestellt */
Beide Angaben lassen sich auch kombinieren. Im nacfolgenden Beispiel wird der Text von Absätzen <p> in Arial kursiv dargestellt (wenn Arial auf dem Rechner vorhanden ist, ansonsten wird eine andere serifenlose Schrift genommen) und der Text von Überschriften <h1> in nicht kursiver Festbreitenschrift:
p {
font-family: Arial,sans-serif;
font-style: italic
}
h1 {
font-family: monospace;
font-style: normal
}
Alex
![](https://images.gutefrage.net/media/user/vb2010user/1495739124107_nmmslarge__17_13_230_230_9373cc721764edf97d70492d6b699a43.png?v=1495739126000)
Die font-family ist die gewählte Schriftart (z.B. Arial, Times New Roman, Calibri, u.a.)
Mit font-style kannst du das Aussehen der Schriftart verändern (z.B. Farbe, oder ob sie Fett oder Kursiv sein soll)
![](https://images.gutefrage.net/media/user/EinAlexander/1568031404353_nmmslarge__0_0_355_355_53fff13ea2c79ad9fbc680094640ebd8.jpg?v=1568031404000)
Mit font-style kannst du das Aussehen der Schriftart verändern (z.B. Farbe, oder ob sie Fett oder Kursiv sein soll)
Nein. Farbe und Fettdruck können mit der Eigenschaft font-style nicht beeinflust werden. Mit font-style kann nur angegeben werden, ob die Schrift kursiv oder nicht kursiv dargetellt wird.
![](https://images.gutefrage.net/media/user/Steffile/1662319155183_nmmslarge__0_0_400_400_a7448469a17c2ce8ed07251058ff274b.png?v=1662319155000)
font family ist der Name des fonts, z.B Arial, Roboto, font-style der Stil, wie italic und so:
https://www.w3schools.com/cssref/playit.asp?filename=playcss_font-style&preval=italic