Google Fonts lokal einbinden

Guten Abend,
folgenden Code verwende ich im Template "Alpha" für die lokale Schriftart-Einbindung ins Template:

/* Schriftart laden */
@font-face {
font-family: "Abel";
src: url('../css/Abel-Regular.ttf');
}

/* Schriftart zuordnen */
html h1, h3 {
font-family: 'Abel', Helvetica, Arial, sans-serif !important;
}

Im "Alpha" funktioniert es, so dass vom Google-Server nichts geladen wird. Im Template "Personal" wird die Schriftart weiterhin von Google bezogen (--> www.offenburgerfv.de ).

Wo kann der fehler liegen? Vielen Dank.

Das kann ich ihnen leider auch nicht sagen.
Ich tippe mal, dass der Pfad nicht stimmt.
Ausserdem wird beim Personal Theme eiegtnlich keine Schrift von Google geladen. Alle Schriften sind lokal...

Der Pfad ist aber --> offenburgerfv.de/templates/jp-personal/css/Abel-Regular.ttf .

Oder ist der Code falsch?

/* Schriftart laden */
@font-face {
font-family: "Abel";
src: url('../css/Abel-Regular.ttf');
}

Es kommt darauf an von wo die css geladen wird, da der Pfad relativ ist

/* Schriftart laden */
@font-face {
font-family: "Abel";
src: url('../../css/Abel-Regular.ttf');
}

Im CSS-Ordner den Template "Personal". Im "Alpha" klappt es und die Schriftart wird aus dem Ordner bezogen.

Was ist falsch? Ich verstehe nicht ganz wo das Problem liegen soll?