/* ========================================================================= XCELLENT – custom.css Verhindert, dass Elemente auf Arial zurueckfallen Wird von YOOtheme Pro automatisch geladen, und zwar NACH theme.css. Deshalb greifen die Regeln hier ohne !important - mit Ausnahme von Google Maps (Punkt 5). Grundprinzip dieser Datei: "inherit" statt fest notierter Schriftart. Die Elemente uebernehmen automatisch die Schrift der Seite. Es muss hier also keine Schriftart gepflegt werden, und die Datei funktioniert unveraendert weiter, wenn die Seitenschrift spaeter gewechselt wird. ========================================================================= */ /* ------------------------------------------------------------------------- 1. Voraussetzung – vor dem Livegang einmal pruefen ------------------------------------------------------------------------- "inherit" reicht immer das weiter, was weiter oben im Dokument steht. Enthaelt der Stack auf html/body Arial, wird dieses Arial durch die Regeln unten ueberallhin VERTEILT statt entfernt. Der gesamte Ansatz steht und faellt also mit einer sauberen Wurzel. Pruefen: DevTools > auswaehlen > Computed > font-family Ist Arial enthalten, den folgenden Block einkommentieren und die Schriftart der Seite eintragen. Ist der Stack sauber, bleibt der Block auskommentiert - dann bleibt das Theme die einzige Quelle der Schrift und es gibt keine zweite Stelle, die spaeter auseinanderlaufen kann. Bewusst OHNE Arial UND OHNE Helvetica: beide gehoeren zu Monotype/Linotype und unterliegen derselben Lizenzproblematik. Ein Austausch von Arial gegen Helvetica loest das Problem also nicht. ------------------------------------------------------------------------- */ /* html, body { font-family: "SCHRIFTNAME", system-ui, sans-serif; } */ /* ------------------------------------------------------------------------- 2. Formularelemente ------------------------------------------------------------------------- Der wichtigste Block. font-family wird von Formularelementen NICHT vererbt. Wo nichts anderes gesetzt ist, greift das User-Agent-Stylesheet des Browsers - und Chrome deklariert dort fuer