[ad_1]
Hallo,
auf deiner Website kann man in der developer console (Aufruf mit F12 bei Chrome) sehen, dass die entsprechenden Dateien nicht gefunden werden und entsprechende Fehler ausgeworfen werden.
Die Schriften sollten in dem folgenden Ordner bei dir liegen:
Vermutlich reicht es, wenn du per FTP prüfst, wo du die Schriften hochgeladen hast und diese Schriften dann an die richtige Stelle kopierst.
Wie das funktioniert, wird z. B. auf der folgenden Seite ausführlich erklärt. Eine weitere Beschreibung dazu gibt es auf der folgenden Seite.
Hier auch noch eine Website mit umfassenden Informationen zu dem Thema:
Viele Grüße
Hans-Gerd
Hallo Hans-Gerd,
danke für die Antwort. Ich finde das ja so komisch, dass er die Fonts nicht findet. Ich meine, auf der Startseite klappt es ja. Nur auf den Unterseiten nicht. Ich hab sie genau in das verzeichnis kopiert. und so sieht mein custom css aus:
/* m-plus-rounded-1c-regular - latin */
@font-face {
font-family: 'M PLUS Rounded 1c 400';
font-style: normal;
font-weight: 400;
src: url('wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-regular.eot'); /* IE9 Compat Modes */
src: url('wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
url('wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-regular.svg#MPLUSRounded1c') format('svg'); /* Legacy iOS */
}
/* m-plus-rounded-1c-500 - latin */
@font-face {
font-family: 'M PLUS Rounded 1c 500';
font-style: normal;
font-weight: 500;
src: url('wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-500.eot'); /* IE9 Compat Modes */
src: url('wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
url('wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-500.woff') format('woff'), /* Modern Browsers */
url('wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-500.svg#MPLUSRounded1c') format('svg'); /* Legacy iOS */
}
/* m-plus-rounded-1c-700 - latin */
@font-face {
font-family: 'M PLUS Rounded 1c 700';
font-style: normal;
font-weight: 700;
src: url('wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-700.eot'); /* IE9 Compat Modes */
src: url('wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-700.woff') format('woff'), /* Modern Browsers */
url('wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-700.svg#MPLUSRounded1c') format('svg'); /* Legacy iOS */
}
/* m-plus-rounded-1c-800 - latin */
@font-face {
font-family: 'M PLUS Rounded 1c 800';
font-style: normal;
font-weight: 800;
src: url('wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-800.eot'); /* IE9 Compat Modes */
src: url('wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
url('wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-800.woff') format('woff'), /* Modern Browsers */
url('wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
url('wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-800.svg#MPLUSRounded1c') format('svg'); /* Legacy iOS */
}
Auf den anderen Seiten werden die Fonts aber anders geladen, warum auch immer:
https://kiga-sonnenblume.de/aktuelles/wp-content/themes/salient/fonts/m-plus-rounded-1c-v15-latin-500.woff2
Okay, das heißt der Pfad erweitert sich dann jedes mal um das präfix des Menüpunktes. Kann man das irgendwie ausstellen? Oder irgendwie bestimmen, dass die Fonts praktisch „global“ geladen werden?
Das ist ja echt richtig blöd :/
Hast du dir mal die Links angesehen, die ich gepostet habe? – da ist genau beschrieben, wie du die Fonts einbinden musst. Kontrolliere das doch bitte mal.
Ja natürlich hab ich die angekuckt und auch nach den gleichen oder ähnlichen Anleitungen alles gemacht. Das ändert aber leider nichts an dem Problem mit den Pfaden :/ bin dahingehend hilflos
Das mit dem Local Google Fonts tool hab ich auch versucht. Dann will er über 300 Schriften aktivieren. Evtl hängt das auch mit den Pfaden zusammen?