Wordpress findet meine benutzerdefinierte Schriftart nicht

Question

@font-face { 
    font-family: 'chunkfive'; 
    src: url('wp-content/themes/onesquad/fonts/chunkfive_ex-webfont.woff2') format('woff2'), 
     url('wp-content/themes/onesquad/fonts/chunkfive_ex-webfont.woff') format('woff'), 
     url('wp-content/themes/onesquad/fonts/chunkfive_ex-webfont.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
} 

h1 { 
    font-family: 'chunkfive', 'Open Sans', Helvetica, Arial, sans-serif!important; 
} 

Die Schriftarttypen sind in einem Ordner namens "Schriftarten" in der Stammdatei meines Themas.

Ich habe hinzugefügt, wichtig, nur wenn Wordpress es überging.

Laut Chrome Devtools, die Schriftart-Familie Befehl erkannt wird, aber Open Sans wird stattdessen gewählt, so muss ein Problem beim Verknüpfen der Schriftarten-Datei, aber ich kann nicht herausfinden, was es ist.

Vielen Dank.

Answer 1

Ich kann davon ausgehen, dass es ein Problem der absoluten und relativen Pfade gibt. Ich schlage vor, Sie zu versuchen, die absolut diejenigen mit, dass der Schrägstrich in sagen, ist das Hinzufügen vor den Pfaden, um nicht übereinstimmen URL zu vermeiden:

@font-face { 
 
    font-family: 'chunkfive'; 
 
    src: url('/wp-content/themes/onesquad/fonts/chunkfive_ex-webfont.woff2') format('woff2'), 
 
     url('/wp-content/themes/onesquad/fonts/chunkfive_ex-webfont.woff') format('woff'), 
 
     url('/wp-content/themes/onesquad/fonts/chunkfive_ex-webfont.ttf') format('truetype'); 
 
    font-weight: normal; 
 
    font-style: normal; 
 
} 
 

 
h1 { 
 
    font-family: 'chunkfive', 'Open Sans', Helvetica, Arial, sans-serif!important; 
 
}

Answer 2

Ich glaube, Sie dies geschrieben habe in Ihrem Thema CSS-Datei. Wenn ja, entfernen Sie 'wp-content/themes/onesquad /' aus Ihrem Pfad.

Answer 3

Angenommen, Sie haben die Datei font.css im Ordner /css/fonts Ihres Designs. Wenn dann Ihre Schriften im selben /fonts Ordner befinden, können Sie die Warteschlange nur die CSS-Datei in Ihrem functions.php Datei

wp_enqueue_style('mytheme-fonts', get_template_directory_uri(). '/css/fonts.css'); 

In Ihrer fonts.css Datei, die Sie dann im selben Ordner zu den Schriften zeigen würde

@font-face { 
    font-family: 'chunkfive'; 
    src: url('chunkfive_ex-webfont.woff2') format('woff2'), 
     url('chunkfive_ex-webfont.woff') format('woff'), 
     url('chunkfive_ex-webfont.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
} 

Das sollte gut funktionieren.