@FontFace in 'Zusätzliches CSS' funktioniert nicht

Hi, ich hoffe jemand kann mir helfen. Um das Laden von GoogleFonts zu umgehen, habe ich im Theme-Ordner einen Fonts-Ordner angelegt. Dateien hinein. Soweit, so gut.

Nun habe ich folgendes in 'Zusätzliches CSS' eingefügt, aber die Schrift wird nicht geladen:

@font-face {
font-family: 'Reem Kufi';
font-style: normal;
font-weight: 400;
src: url('../fonts/reem-kufi-v7-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Reem Kufi Regular'), local('ReemKufi-Regular'),
url('../fonts/reem-kufi-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/reem-kufi-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/reem-kufi-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/reem-kufi-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/reem-kufi-v7-latin-regular.svg#ReemKufi') format('svg'); /* Legacy iOS */
}

Wo liegt mein Fehler? Was muss ich ändern?
Vielen Dank vorab.

Danke für Deine Antwort.

"direkt die style.css des Childtheme"
Dafür müsste ich erst einmal ein Childtheme anlegen.
Da ich nur Schrift und Farbe ändern möchte, wäre mir mit dem CSS im Customizer gedient.

Danke für Eure Antworten!
Ich dachte der Customizer reicht für den kleinen Zusatz. Wäre bequem gewesen.

Auch mit dem absoluten Pfad funktioniert es nicht.
Ich erstelle jetzt doch ein Childtheme...dann passt's.
:)