html - chrome 中的@font-face 未捕获的语法错误

Question

浏览了一些关于类似问题的其他线程，但他们的解决方案无效。我已经成功地使用下面的代码向我们的网站添加了一种字体，该字体基于一个全面的 Bootstrap 模板。我现在开始在一个新网站上工作，这次只使用基本 Bootstrap 模板并尝试通过相同的方法添加字体。

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

文件都以与以前相同的方式存储(我的 css 文件夹中的字体文件夹)。但是这次我得到以下错误

uncaught syntaxError:Invalid or unexpected token

在 Chrome 中，调试会突出显示第一行“@font-face” 我通过 Linter 运行它，没问题，但即使是 I.E 也给出错误并突出显示 @font-face 并说它缺少分号。 任何人都能够看到什么可能是错的？谢谢

Answer 1

好吧，我找到了答案，这是一个愚蠢的答案。感谢您的回复。问题是我的 HTML 中 css 文件的实际声明。我把它放在 <script> 里了标记错误而不是 <link> . 打自己耳光