Problem mit @font-face

[Alfons der Viertelvorzwölfte]

@font-face
{
	font-family: 'Nosifer';
    src: url("../fonts/NosiferCaps-Regular.ttf") format("truetype");
}

Cross-Origin-Anfrage blockiert: Die Same-Origin-Regel verbietet, die externe Ressource

Du benutzt in deiner Hauptseite Frames (gruselig …) zusammen mit dem Attribut sandbox. sandbox sorgt alleine mit seinem Auftauchen dafür, dass der Inhalt des Elements selbst bei gleicher Domain als eigenständig betrachtet wird, d.h. so, als stamme er von einem anderen Server; entsprechend wird der Zugriff auf die Schrift blockiert.

Siehe https://www.w3.org/wiki/HTML/Elements/iframe