@font-face nicht erfasster Syntaxfehler in Chrome ⇐ HTML

[Guest]

Ich habe einige andere Threads zu einem ähnlichen Problem durchgesehen, aber deren Lösung hat nicht funktioniert. Ich habe den folgenden Code erfolgreich verwendet, um unserer Website eine Schriftart hinzuzufügen, die auf einer umfassenden Bootstrap-Vorlage basierte. Ich habe jetzt mit der Arbeit an einer neuen Site begonnen, dieses Mal nur mit einer Basis-Bootstrap-Vorlage, und versucht, Schriftarten mit derselben Methode hinzuzufügen.

Code: Select all

@font-face {
font-family: 'myfontname';
src: url('font/myfontname-Regular.svg');
src: url('font/myfontname-Regular.eot');
src: url('font/myfontname-Regular.eot?#iefix') format('embedded-opentype'),
url('font/myfontname-Regular.woff2') format('woff2'),
url('font/myfontname-Regular.woff') format('woff'),
url('font/myfontname-Regular.ttf')  format('truetype')
}

@font-face {
font-family: 'myfontname';
font-weight: bold;
src: url('font/myfontname-Bold.svg');
src: url('font/myfontname-Bold.eot');
src: url('font/myfontname-Bold.eot?#iefix') format('embedded-opentype'),
url('font/myfontname-Bold.woff2') format('woff2'),
url('font/myfontname-Bold.woff') format('woff'),
url('font/myfontname-Bold.ttf')  format('truetype')
}

.myfontnameBOLD{
font-family: myfontname;
font-weight: bold;
text-transform: uppercase;
}

.myfontnameREG{
font-family: myfontname;
}

Dateien werden alle auf die gleiche Weise wie zuvor gespeichert (ein Schriftartenordner in meinem CSS-Ordner). Diesmal erhalte ich jedoch die folgende Fehlermeldung


uncaught syntaxError:Invalid or unerwartet token

In Chrome hebt das Debug die allererste Zeile hervor, in der „@font-face“ steht.
Ich habe dies über einen Linter ausgeführt und kein Problem, aber selbst I.E gibt einen Fehler aus und @font-face hervorheben und sagen, dass es fehlt Semikolon.
Kann jemand sehen, was falsch sein könnte? Danke