Unverständnis von CSS-Eigenschaften; Hintergrund der aktiven Navigationsauswahl ändern

[HTML_go]

EDITIERUNG!

Mist! Ich war am "Bearbeiten" des Beitrags, weil ich merkte, dass ich schlecht gefragt / formuliert habe. Beim dritten Bearbeiten (wenn ich richtig gezählt habe), wurden die Änderungen aber nicht übernommen, mit der Meldung (so ähnlich), dass ich keine Zugriffsrechte für die Seite habe ...

Also erst mal der CSS-Code. Ich bin zu dem Schluss gekommen, dass sans-serif (serifenlose Schriftarten) für einen Webauftritt doch eher besser geeignet sind. Oder gibt es da andere Meinungen?

Also wäre mein Code, den ich oben gezeigt habe, nicht sehr sinnvoll, denn "Georgia" ist ja eine Serifenschriftart (mit "Schnörkeln"); die liebe ich zwar mehr, aber das tut ja nichts zur Sache.

Dann wäre es wohl besser, nur serifenlose Schriftarten zu nutzen. Also habe ich mal die Suchmaschine meiner Wahl gefragt und das hier gefunden (ohne lang zu kucken): https://www.lukas-rudrof.de/blog/15-besten-open-source-schriftarten.

Ändere ich nun den CSS-Code so,

html {
font-display: auto;
font-family: "IBM Plex Sans", "Fira Sans", Helvetica, Arial, sans-serif;
font-size-adjust: none;
font-stretch: 
font-style: normal;
font-variant: normal;  
font-variation-settings: "wght" 700, "GRAD" 60;  
line-height: 1.5;
}

um die openSource-Schriftart "IBM Plex Sans" "Arvo" (nicht* "Arvo"; die ist doch serif, und nicht sans-serif!) zu nutzen, sehe ich (lokal) keinerlei Änderung im Schriftbild. Setze ich "Gorgia" an erste Stelle, sieht man sofort die Serifenschriftart. Demnach funktioniert das Refresh des Browsers. Aber was ist noch falsch?

Da die Schrift "IBM Plex Sans" (und auch "Fira Sans") im Namen Leerzeichen aufweist, habe ich sie in Anführungszeichen ("IBM Plex Sans") gesetzt. Das also sollte nicht der Fehler sein. Die Schriftart wird (vorerst nur lokal) nicht so dargestellt, wie im Link oben zu sehen. Auch nicht, wenn die serifenlosen Schriftart "Fira Sans" an erste Stelle gesetzt wird ...

Und mich wundert auch, warum auf dieser Seite https://www.winkelb.com/css-font-family hier im CSS nicht "html", sondern "body" verwendet wird:

body {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
}

Abgesehen davon, dass hier auch noch "px" als Größenangabe verwendet werden ("em" ist doch sinnvoller?); kann es sein, dass die Seite nicht auf dem neuesten Stand ist? Oder ist mit dem von mir verwendeten "html" einfach die komplette Website abgedeckt (wobei dafür der "body" doch auch reichen sollte)?

Und dann bin ich mir nicht sicher, ob ich diesen Bereich im CSS überhaupt benötige:

html {
  ...
  font-size-adjust: none;
  font-stretch:  
  font-style: normal;
  font-variant: normal;  
  font-variation-settings: "wght" 700, "GRAD" 60;
  ...
}

Eingetragen habe ich diese Zeilen, weil ich zuvor hier https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/font und in den Unter-Rubriken (font-display, font-family, etc.) geschmökert habe.