Hallo,
in der developer console (Aufruf mit F12) sehe ich bei den Einstellungen keine Unterschiede (siehe Elements > Computed). Ich habe auch optisch nicht den Eindruck, dass sich die Überschriften im Hinblick auf font-size, font-weight, etc. unterscheiden.
Möglichweise ist das nur eine falsche Darstellung in dem von dir verwendeten Tool What-font.
Viele Grüße
Hans-Gerd
What-font zeigt auch an, dass es sich um genau dieselben Schriften handelt.
Und What-font zeigt die korrekten Werte. Ich sehe alle Überschriften mit font-weight: 600 also fetter Schrift. Die unterschiedliche Anzeige in deinem Browser zeigt vermutlich noch im Cache gespeicherte Werte.
Browsercache leeren: Drücke dafür CTRL (STRG) + SHIFT + Entf gleichzeitig, dadurch wird in den gängigen Browsern ein Fenster zum Löschen geöffnet (weitere Hilfe dazu). Auf einem Smartphone musst du natürlich den Browser-Cache anders entfernen.
Vermutlich kannst du die Schriftart in deinem Theme Sydney über den Customizer ändern, wähle für H1 bis H6 entweder die Schrift Vollkorn 400 oder eine font-weight:400
Thread-Starter
uashdo
(@uashdo)
Vielen Dank für Eure Antworten. Ich kann in den Einstellungen – und das ist genau mein Problem – auch keinerlei Unterschiede finden. Fakt ist, das habe ich nun auf vielen unterschiedlichen Geräten und Browsern geprüft: die Schrift wird teilweise ‚fett‘ und teilweise ’normal‘ dargestellt (hat auch nix mit Cache o.ä. zu tun). Manchmal in unterschiedlichen Tabs verschieden, manchmal überall ‚richtig‘ und dieselbe Seite mal so und mal anders. Habt Ihr irgendeine Ahnung, woran das liegen könnte? Oder muss ich mir eine andere Schriftart suchen (das wäre sehr schade).
Du hast in deinem Theme scheinbar Custom CSS hinterlegt. Darin steht dieser fehlerhafte Abschnitt:
h1,h2,h3,h4,h5,h6,.site-title{text-decoration:;text-transform:;font-style:normal;line-height:1.2;letter-spacing:px;}
Ich vermute, dass dieser dazu führt, dass der Browser die Schriften nicht einheitlich interpretiert. Aufgefallen ist mir das als ich die Ansicht im Chrome mit der vom Firefox verglichen habe. Im Chrome sieht die Schrift so aus wie sie sein sollte da dieser Browser toleranter auf Fehler im Code reagiert. Im Firefox wird erst Times New Roman erkannt und sobald man irgendwo etwas klickt oder analysieren will wechselt es zur gewünschten Schriftart „Vollkorn“ aber mit einer Schriftdicke von 400, weil o.g. Code vermutlich falsch interpretiert wird.
Ich würde dir daher empfehlen erstmal diese CSS-Fehler zu beheben.
Thread-Starter
uashdo
(@uashdo)
Hallo threadi
Das klingt nach einer super Fährte – danke! Leider finde ich den fehlerhaften Code nirgends. Weder im Customizer, noch in den Theme Dateien. Hast Du vielleicht einen Tipp, wie ich ihn finden kann?
Herzlichen Dank!
Der Code wird wie gesagt über dein Theme als Custom CSS ausgegeben. Im WordPress-Standard wäre die Stelle bei klassischen Themes unter Design > Customizer > Zusätzliches CSS zu finden. Was man dort eingibt wird aber nicht so ausgegeben wie es bei dir der Fall ist. Ich kann bei dem kostenfreien Theme Sydney gerade keine andere Stelle finden.
Wenn Du nur das kostenfreie Theme nutzt, wende dich am besten an deren Supportforum: https://wordpress.org/support/theme/sydney/
Wenn Du das Theme gekauft hast, wende dich an deren Support: https://athemes.com/support/
Der CSS-Code
h1, h2, h3, h4, h5, h6, .site-title {
font-family: Vollkorn, serif;
font-weight: regular;
}
kann nicht funktionieren und wird durch das CSS vom Theme überschrieben. Vermutlich wurde er im Customizer -> zusätzliches CSS hinterlegt.
font-weight: regular;
gibt es nicht. Richtig wäre
font-weight: normal;
oder auch:
font-weight:400;
dünne Schrift:
light
300
siehe dort:
https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-weight#common_weight_name_mapping
ersetze also „regular“ durch „normal“, „400“ oder anderes mit gültiger Syntax.
Bei mir wird es übrigens in allen Browsern mit fetter Schrift (font-weight: 600;) angezeigt.
Thread-Starter
uashdo
(@uashdo)
Herzlichen Dank – habs nun im Customizer gefunden. Nicht unter dem Css, das hatte ich natürlich gecheckt, sondern in einer Spezialeinstellung zu Typographie. Dort ist das ‚regular‘ in einem Dropdown Menu übrigens festgelegt. Normal kann ich gar nicht wählen…
Dort ist das ‚regular‘ in einem Dropdown Menu übrigens festgelegt. Normal kann ich gar nicht wählen…
Das ändert nichts an der Tatsache. Es bleibt ein Fehler.
