• Gelöst tcawwp

    (@tcawwp)


    Hallo liebe WP Gemeinde,
    habe für meinen Tennisverein ein bisschen die Pflege der Website übernommen.
    Die Seite wurde vor Jahren mal von irgendjemandem mit WP gebastelt und verwendet ein Theme von cro.ma mit dem Titel Sport.

    Ich habe ein Darstellungsproblem der H2,H3, etc Überschriften auf mobilen Geräten. Auf dem PC sieht soweit alles OK aus, Schriftart in Absätzen und Überschriften ist leserlich. Aber auf Smartphones oder Tablets werden die Überschriften mit einem komplett unleserlichen Schreibschrift-Font dargestellt.

    Ich gehe davon aus, dass dies auf einen Fehler oder eine fehlenden Eintrag im CSS für die mobilen Ansichten zurück zu führen ist, aber ich habe leider keine Ahnung, welche Einträge ich da anpassen, korrigieren, oder hinzufügen müsste. Es gibt in der CSS so viele Einträge explizit für mobile, und ich habe absolut keinen Schimmer, welche Einfluss auf die Darstellung der Überschriften haben könnte.
    Würde mich über jede Hilfe freuen. Hier noch mal die Infos zum Theme welches ich leider nirgends unter Themes finden konnte.

    SportVersion: 1.2.1
    Von Croma
    Sport & Fitness Theme

    Vielen Dank im Voraus
    Ron

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 4 Antworten – 1 bis 4 (von insgesamt 4)
  • Die Webseiten werden per https übertragen, die Schriften aber nur per http eingebunden. Bei Desktop-Browsern liegen die Schriften vermutlich im Browser-Cache und werden deshalb korrekt angezeigt, während bei mobilen Endgeräten wegen der CSS-Regel des Themes auf einen Kursiv-Fonts zurückgegriffen wird – deshalb die unschöne Darstellung als Schreibschrift.

    Da es sich um ein gekauftes Theme handelt, kann ich dir nur begrenzt weiterhelfen. Du müsstest dich an die Entwickler wenden und auf die Problematik der Schrifteinbindung per http hinweisen. Allerdings verstößt das Laden von Schriftarten von einem anderen Server nach meinen Informationen (ich bin kein Jurist) auch gegen die DSGVO. Schau mal, ob du das Problem mit dem Plugin Self hosted Google Fonts bereits beheben kannst. Das Plugin legt eine lokale Kopie der Fonts auf deinen Server ab und entspricht damit den Vorgaben der DSGVO. (Das Plugin ist längere Zeit nicht mehr gepflegt worden, sollte aber tadellos funktionieren.)

    Alternativ kannst du auch mal überlegen, ganz auf fremde Fonts zu verzichten. Das Theme verwendet als Standard die auf allen Endgeräten verfügbare Helvetica, die sich nicht so sehr von der Open Sans unterscheidet. In den Theme-Einstellungen solltest du zur Einstellung des Fonts ein passendes Menü finden.

    Ein weiterer Fehler ist, dass Grafiken teilweise per http eingebunden werden und somit erscheint im Browser, dass die Seite nicht sicher sei. Das solltest du unbedingt ändern.

    Thread-Starter tcawwp

    (@tcawwp)

    Hallo bscu,

    erst mal vielen Dank für die Tipps. Ich wusste gar nicht, dass es sich um ein gekauftes Theme handelt. Ich dachte das wäre auch ein Kostenloses.
    Ich schreib den Autor mal an und frage.
    Das mit den self-hosted Fonts teste ich.
    Was die falsch eingebundenen Grafiken angeht… schau ich mir an, danke für den Hinweis.
    LG
    Ron

    Thread-Starter tcawwp

    (@tcawwp)

    Das Problem konnte mit dem plugin self-hosted Fonts behiben werden.
    Noch mal vielen Dank

Ansicht von 4 Antworten – 1 bis 4 (von insgesamt 4)
  • Das Thema „Falscher Font Überschriften in mobiler Ansicht – Theme cro.ma Sport –“ ist für neue Antworten geschlossen.