@font-face schrift wird nicht geladen

  • schranze

    (@schranze)


    vor 7 Jahren, 11 Monaten

    Hallo,

    Ich verwende @font-face zur Einbettung einer custom font (BebasNeue).
    Die Schriften befinden sich im Ordner ../fonts:
    http://www.kinis-kitchen.de/wp/wp-content/themes/berg-wp-child/fonts


    Mein CSS zum Laden der Schrift:

    @font-face {
font-family: 'BebasNeue';
src: url ('fonts/BebasNeueRegular.woff2') format('woff2'),
url('fonts/BebasNeueRegular.woff') format('woff‘);
font-weight: normal;
font-style: normal;
}

/*Headings */
h1,h2,h3,h4,h5,h6{
font-family: 'BebasNeue', sans-serif !important;
}

    Die Schrift will einfach nicht laden. Die Konsole berichtet keine Fehler. Die Schrift existiert, die Links/Pfade lassen keinen Fehler erkennen. Alle Möglichkeiten wurden durchprobiert. Bin mehr als verwirrt & genervt. Und das seit 1 Woche. Aber irgendwo muss der Fehler liegen.

    Besten Dank für jede Hilfe!

Ansicht von 1 Antwort (von insgesamt 1)
  • Amid

    (@aminteractiondesign)

    vor 7 Jahren, 11 Monaten

    Auf deiner Seite kannst du die Fehlermeldung in deiner Konsole finden:

    Access to Font at 'http://www.kinis-kitchen.com/wp/wp-content/themes/berg-wp-child/fonts/BebasNeueRegular.woff2' from origin 'http://www.kinis-kitchen.de' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.kinis-kitchen.de' is therefore not allowed access.

    Du versuchst, die Fonts von der .com-domain zu laden, das geht aus sicherheitsgründen nicht, falls die da überhaupt liegen 😉

Ansicht von 1 Antwort (von insgesamt 1)
  • Das Thema „@font-face schrift wird nicht geladen“ ist für neue Antworten geschlossen.