Falsche Schritftart

[AxelM]

Hallo,
Auf der Seite binavanbook.de habe ich über googlefonts eine Schrift eingebunden "Work sans". Wenn man sich nun das CSS so ansieht, sollte diese Schriftart auch verwendet werden.
Sieht man sich allerdings den "Computed" Bereich an, stehen da andere Schriften. Ein gutes Beispiel sind die Überschriften der Vorschautexte auf der Startseite.
Allerdings muss die Schrift da sein, denn im Menü wird Sie korrekt verwendet.

Danke schon mal für eure Antworten.

 

[Torito49]

Und wie lautet die Frage?

 

[AxelM]

Achso ich dachte das sei klar......
Warum wird die Schrift nicht überall korrekt dargestellt obwohl das CSS wohl ok ist?

 

[Myhar]

Wenn die Schriftart nicht korrekt dargestellt wird kann das nur am CSS liegen. Da wir das aber nicht kennen können wir auch keine weiteren aussagen dazu treffen. Deshalb wohl auch die Frage von Torito, ohne konkrete Frage kann man nicht konkret helfen.

Lediglich folgenden Hinweis: Unter "computed" siehst du exakt, welche Regel als letztes angewendet wird. Da sollte es ein leichtes sein herauszufinden, wo deine gewünschte Schriftart überschrieben wird.

 

[AxelM]

Das ist ja das interessante:
Wenn man in den Entwicklertools unter "Styles" nachsieht scheint der anzuwendende Font "Work sans" zu sein.
Denn dort kann man ja sehen, von welchen CSS Anweisungen das Element betroffen ist.
Und trotzdem steht unter Computed etwas anderes.

 

[Myhar]

Nochmal: Unter computed siehst du genauso wie unter styles, welche Regel jetzt wirkt. Da wird auch nichts anderes angezeigt. Du siehst auch in computed von welchen CSS Anweisungen das Element, bzw die Eigenschaft betroffen ist. Da kann unter computed nichts anderes stehen, eventuell interpretierst du es falsch?

Aber nochmal: Ohne konkretes Beispiel kann man da nicht mehr dazu sagen.

 

[AxelM]

Ich glaube ich hab mich falsch ausgedrückt....
auch unter Computed steht bei font-family das "work sans"
Allerdings steht ganz unten bei Computed dann "Rednered Fonts" Times New Roman - Local File

 

[Myhar]

Aller guten Dinge sind drei: Unter computed siehst du, welche Regel auf ein Element genau wirkt. Das kann man auch aufklappen und erhält eine detaillierte Ansicht welche Regel wo überschrieben wird. Da sollte dann deine "work sans" ganz oben stehen und nicht durchgestrichen sein.
Was natürlich noch sein kann: Du hast dich schon im Netzwerktab davon überzeugt, dass die font auch wirklich geladen wird? Das kein Tippfehler vorliegt (fehlendes Leerzeichen, etc.)?

Ansonsten: Ohne konkretes Beispiel kann man da nicht mehr dazu sagen außer raten.

 

[AxelM]

Das konkrete Beispiel habe ich doch im Eingangspost genannt:

Hallo,
Auf der Seite binavanbook.de ....
... Ein gutes Beispiel sind die Überschriften der Vorschautexte auf der Startseite.

Ich versteh schon, was du mir sagen willst
trotzdem steht im konkreten Beispiel im "Computed" Fenster was anderes als wirklich angezeigt wird.
Und da die Schrift in der Navigation korrekt verwendet wird ist Sie wohl auch da.

 

[schnullerbacke]

In der Navigation wird "Open Sans" verwendet.
Bist du sicher, dass du "Work Sans" auch wirklich eingebunden hast? Sieht mir nicht danach aus.

 

[Myhar]

Danke für den Hinweis, das habe ich wohl überlesen. Wahrscheinlich, weil es nicht blau hinterlegt war.
Hier bestätigt sich das, was ich vorhin geraten habe: Die Schriftart wird erst gar nicht geladen.
Warum werden die restlichen Schriften überhaupt per http:// und nicht per https:// geladen? Wieso ist die Seite nicht als https:// erreichbar?
Wieso bindest du überhaupt so viele Schriften ein? Das verschlechtert doch nur die Ladezeit deiner Seite?