Hallo Gambio-Gemeinde, mir ist gerade aufgefallen, dass die Schriftart meiner H1-H2 Überschriften auf www.haarliebelei.de je nach Endgerät unterschiedlich angezeigt werden. Wir haben es über IPhone, Huawei (Chrome und Firefox) und am PC mit Chrome/Edge/Firefox ausprobiert. Und auf allen werden mir unterschiedliche Schriftarten angezeigt. Nur im Edge ist es wie es sein soll und im StyleEditor wird es auch richtig angezeigt. Die Schriftart ist über CSS eingegeben und sollte eigentlich Cinzel sein?! Code: .uberschriften { font-family: 'Cinzel', cursive; color: #bb9046; font-size: 60px; } Was angezeigt wird ist von Sans Comic, Raleway bis über die in den Bildern zu sehen sind. Habt ihr eine Idee woran es liegen kann, ich bin am verzweifeln. Beste Grüße Steven
Wenn du die Schrift "Cinzel" verwendest, hast du eine die echt kein Gerät dabei hat. Die machen dann irgendwas, wenn man im CSS die Font nicht explizit von irgendwoher lädt. Wie hast du die Fontdatei eingebunden? Standardweg wäre die im Styleedit unter Allgemeins im Webfont Pfad mitanzugeben: Grob so: "https://fonts.googleapis.com/css?family=Roboto|Cinzel"
Hallo Wilken, jetzt verstehe ich ein wenig woran das liegt. Hab ich das so richtig verstanden, dass ich die noch im Styleedit hätte zusätzlich einbinden müssen, weil sonst die Geräte nicht wissen was sie anzeigen sollen? Ich dachte der CSS font-family Code reicht dafür. Anders ist das nicht eingebunden. Im Styleedit ist bei mir Raleway angegeben als Font. Kann ich dann einfach "https://fonts.googleapis.com/css?family=Roboto|Cinzel" dahinter setzen?
Es geht um den Webfont Pfad im Styleedit, unter Allgemeines. Der vordere Teil ist bei Fonts die man von Google holt immer gleich, hinten kommt durch Pipes separiert die Auflistung aller Schriften rein die man braucht. "https://fonts.googleapis.com/css?family=Schrift1|Schrift2|SchriftX|letzteSchrift"