Weitere Eigenschaften

Das nächste was sinnvollerweise angepasst werden sollte ist die Schriftart. Die Grundwerte sind zwar ok an sich, sehen aber nicht wirklich schön aus.

Wie ändert man die Schriftart? Ideen? Es wird ja irgendeine Eigenschaft sein die wir ändern können, auf Englisch. Schon eine Idee? (So Pseudo-Interaktion ist komisch zu schreiben ich spare mir das jetzt bis auf weiteres).

Um’s kurz zu halten: Die gesuchte Eigenschaft ist font-family - macht ja auch irgendwie Sinn, wie ändern ja welche Schriftart genutzt wird, und Alle Modifikationen einer Schrift (normal, schräg, fett, beides) gehören zusammen und das nennt man dann eine Familie (zumindest tun HTML/CSS das).

Und was soll da hin?

diese Webseite nutzt einen Relativ langen Font-stack - Das ist im Endeffekt “Geht die? nein? dann nimm die? Geht die? … Und erlaubt es Schriftarten zu nutzen die nicht jeder hat, die Leute sehen dann die erste die sie haben, idealerweise sieht das dann immer noch OK aus.

Der Stack für diese Seite ist geklaut und sieht wie folgt aus:

body{
    max-width: 900px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

NOTE: Um den Code nicht zu lang werden zu lassen ist ab jetzt code{white-space: pre-wrap;} in den Stylesheets vermerkt, sonst halten die sich nicht and die Maximale Textbreite…

Geht das einfacher?!

Natürlich geht das, kommt halt drauf an wie viel Redundanz man will und wie overkill man sein will. Grundsätzlich würde auch z.B.

body{
    font-family: "Noto Sans",sans-serif;
}

ausreichen, ist auch tatsächlich sehr häufig, wenn die Schriftart nicht läd falle zurück auf eine Notfall-schriftart die zur not nicht sch…e aussieht.

Ok genug jetzt, WEITER!