@font-face неперехваченная синтаксическая ошибка в Chrome ⇐ CSS

[Anonymous]

Просмотрел несколько других тем, посвященных аналогичной проблеме, но их решение не помогло. Я успешно использовал приведенный ниже код, чтобы добавить на наш сайт шрифт, основанный на комплексном шаблоне начальной загрузки. Теперь я начал работу над новым сайтом, на этот раз используя только базовый шаблон начальной загрузки, и попытался добавить шрифты тем же методом.

Код: Выделить всё

@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;
}

Все файлы хранятся так же, как и предыдущие (папка Font в моей папке css). Однако на этот раз я получаю следующую ошибку:


необработанная синтаксическая ошибка: неверный или неожиданный токен

В Chrome при отладке выделяется самая первая строка, где написано «@font-face».
Я запустил это через Линтер, и никаких проблем, но даже I.E выдает ошибку и выделив @font-face и сказав, что в нем отсутствует точка с запятой.
Кто-нибудь может понять, что может быть не так? спасибо

Подробнее здесь: https://stackoverflow.com/questions/395 ... -in-chrome