Font-Face Schrift wird nicht an allen Stellen übernommen

(@husti)

Hallo, ich ärgere mich seit Wochen mit einem Problem rum, bei dem mir bisher niemand helfen konnte. Vielleicht weiß hier ja jemand Bescheid.

Ich habe ein Child-Theme CSS mit folgenden Befehlen:

@font-face {
font-family: ‘baskville’;
src: url(‘fonts/baskerville/baskvill.ttf’) format (‘ttf’),
url(‘fonts/baskerville/baskvill-webfont.woff2’) format(‘woff2’),
url(‘fonts/baskerville/baskvill-webfont.woff’) format(‘woff’);
font-weight: normal;
font-style: normal;
}
.main-navigation ul li a {
font-family: ‘baskville’;
}
h1, h2, h3, h4, h5, h6 {
color: ‪#‎00a1f4‬;
font-family: ‘baskville’;
}

So, oben in der Main-Navigation wird die Baskerville übernommen, aber nicht bei den Überschriften h3.

Link zu der Seite ist mk-web.eu/psychoimpulse

Woran kann das liegen?

Vielen Dank für eure Hilfe!

Ansicht von 12 Antworten - 1 bis 12 (von insgesamt 12)

Moderator PraetorIM
(@praetorim)

vor 7 Jahren, 9 Monaten

Wahrscheinlich hast Du sonstwo in Deinem CSS eine speziellere Definition, die vorgeht.

Versuchenw wir es zuerst einmal mit einer rabulistischen Methode: Schreibe bei Deiner Font-Definition

font-family: ‘baskville’ !important;

Thread-Starter husti
(@husti)

vor 7 Jahren, 9 Monaten

Hallo, PraetorlM,

vielen Dank für deine erneute Hilfe. Ich habe das important hinzugefügt, leider keine Änderung.

Moderator PraetorIM
(@praetorim)

vor 7 Jahren, 9 Monaten

Ich habe mir einmal die Style-Definitionen auf Deiner Seite angesehen. Du hast die Änderungen in der style.css-Datei Deines Child-Themes vorgenommen. Allerdings befindet sich auf der Seite selbst noch eine ganze Reihe von CSS-Definitionen, darunter auch eine Definition der Schriftart für alle möglichen Bereiche. Diese inline-Definitionen gehen dejenigen Deiner CSS-Datei vor. (Die noch an anderen Stellen vorhandenen Definitionen weiterer Schriftarten jetzt einmal aussen vor gelassen.)

Du müsstest jetzt also in Erfahrung bringen, welches (vermutlich) Plugin diesen CSS-Code einschleust. Du solltest also einmal ein Plugin nach dem anderen deaktivieren und dann jeweils kontrollieren, ob der CSS-Code aus Deiner Seite verschwunden ist (bzw. ob jetzt die richtige Schrift erscheint).

Thread-Starter husti
(@husti)

vor 7 Jahren, 9 Monaten

Hm, also ich habe jetzt einmal alle Plugins deaktiviert, und zB. auf der Seite hier (http://mk-web.eu/psychoimpulse/ueber-marie/) wird weiterhin nicht die gewünschte Schriftart angezeigt.

Die CSS-Definitionen in den einzelnen Seiten, müsste die nicht das Theme da reinschreiben?
Moderator PraetorIM
(@praetorim)

vor 7 Jahren, 9 Monaten
Bei einem vernünftig programmierten Theme befinden sich die CSS-Definitionen nicht in der html-Datei, sondern in der style.css (oder weiteren CSS-Dateien).

Ob Dein Theme das anders handhabt, kann ich Dir nicht sagen. Aber da es sich ja um ein Kauf-Theme handelt, kannst Du danach natürlich den Verkäufer fragen. Mir fällt allerdings auf, dass in dem eingefügten CSS-Code auch Definitionen für WooCommerce vorgenommen werden. Und da sich Dein Theme ja damit brüstet, WooCommerce-kompatibel zu sein, könntest Du mit Deiner Vermutung Recht haben.

Versuchen wir einmal etwas anderes: Wenn wir den unerwünschten Code nicht entfernen können, müssen wir ihn halt überschreiben.

Hast Du in Deinem Child-Theme bereits die header.php übernommen? Wenn nicht, kopiere Sie Dir aus dem Originaltheme herüber. Dann öffne diese Datei und suche den </header>-Tag. Unmittelbar vor diesem Tag (also in jedem Fall nach dem ‚wp_head(); ?>‘!) fügst Du jetzt Deinen CSS-Code zwischen ‚<style>… </style>‘ ein:
```
wp_head();
?>
<style type="text/css>
…Dein CSS-Code aus dem Eingangsposting …
</style>
</head>
```
Thread-Starter husti
(@husti)

vor 7 Jahren, 9 Monaten

Hallo, dieser Vorschlag führt dazu, dass die Seite gar nicht mehr angezeigt wird, also es ist einfach grau.

Moderator PraetorIM
(@praetorim)

vor 7 Jahren, 9 Monaten

Dann hast Du meinen Tippfehler (ein fehlendes Anführungszeichen) übernommen. Richtig wäre:

<style type="text/css">

Thread-Starter husti
(@husti)

vor 7 Jahren, 9 Monaten

OK. Ich habe es nun mit dem Anführungszeichen probiert und es nicht mehr grau, aber die Schriftart ist dieselbe leider.

tantedine
(@tantedine)

vor 7 Jahren, 5 Monaten

Hallo ich bin ganz neu hier und ziehe gerade zu WordPress um. Ich habe das Problem, dass meine Schriftart in der Überschrift nicht übernommen wird. Ich habe bereits meine Chache gelöscht und bin echt verzweifelt weil ich nicht weiß, warum das nicht funktioniert. Also ich gehe über Design->Anpassen->General->Typografie Dort sind kleine Regler und ich sehe sofort in der Vorschau, dass sich etwas ändert. Sobald ich alles speicher und publiziere, ist wieder alles beim alten. Nur meine Schrift vom Beitarg kann ich verändern und sie bleibt auch so.
Die Plugins habe ich schon alle einmal deaktiviert und es geht trotzdem nicht.

Weiß jemand weiter und kann mir helfen?

Moderator Bego Mario Garde
(@pixolin)

vor 7 Jahren, 5 Monaten

Hallo @tantedine,

wenn du eine neue Frage hast, öffne bitte einen neuen Thread.

Der Thread wird sonst sehr unübersichtlich und der ursprüngliche Fragesteller erhält lauter Antworten, mit denen er nichts (oder zumindest wenig) anfangen kann. Neue Fragen sind auch für die Freiwilligen, die Euch gerne helfen möchten, schwerer zu finden. Deshalb weisen wir im Beitrag FAQ: Bitte vor dem Posten lesen! ausdrücklich darauf hin.

Vielen Dank. Bego

tantedine
(@tantedine)

vor 7 Jahren, 5 Monaten

Hallo @pixolin Bego,
ich habe das bereits gelesen aber ich verstehe nicht wo ich hier einen neuen Thread öffnen kann :/ Wo muss ich oder wo kann ich denn einen neuen öffnen?
tut mir echt leid.

Liebe Grüße
Nadine

Moderator Bego Mario Garde
(@pixolin)

vor 7 Jahren, 5 Monaten

Wenn du im Forum „Allgemein“ ganz nach unten scrollst, siehst du ein Eingabeformular. Dort kannst du einen Titel und deine Frage eingeben. Desto mehr Informationen* du uns zu deiner Website gibst, um so besser können wir dir helfen.

(*welches Theme verwendest du? welche Plugins sind installiert? Können wir uns die Website anschauen (Link zu deiner Website, gerne auch mit einem Dienst wie bitly.com gekürzt)?)

Ansicht von 12 Antworten - 1 bis 12 (von insgesamt 12)

Das Thema „Font-Face Schrift wird nicht an allen Stellen übernommen“ ist für neue Antworten geschlossen.

Font-Face Schrift wird nicht an allen Stellen übernommen

Themen-Schlagwörter

Ansichten