Die .ttf würde ich an deiner Stelle in .woff2 konvertieren bzw. einen Download Helper nutzen, der dir direkt die WOFF-Versionen liefert.
Die Dateistruktur sollte sich immer am Parent Theme bzw. am Plattform-Code orientieren.
Das CSS von Google musst du entsprechend an deine eigenen Dateipfade anpassen. Auch da kannst du dich vermutlich am Parent Theme orientieren.
Hier mal ein vereinfachtes Beispiel aus der base.scss wo ein Theme die Schriftart Libre Baskervielle lokal einbindet.
@font-face {
font-family: 'Libre Baskerville';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(#{$my-asset-path}/fonts/.woff2) format('woff2');
}
body {
font-family: "Libre Baskerville", serif;
font-weight: 400;
font-style: normal;
}