chrome中的@ font-face uncaught语法错误

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文件夹中的Font文件夹).但是这次我收到以下错误

uncaught syntaxError:无效或意外的令牌

在Chrome中,调试突出显示第一行,其中显示"@ font-face"我通过Linter运行它并没有问题,但即使IE发出错误并突出显示@ font-face并说它缺少分号.任何人都能看到可能出错的地方？谢谢

Answer 1

好吧,我找到了答案,这是一个愚蠢的答案.谢谢你的回复.问题是我的HTML中实际声明了css文件.我<script>错误地把它放在标签中而不是<link>.拍打自己

Answer 2

url('font/myfontname-Regular.ttf') format('truetype')难道是and后面少了一个分号url('font/myfontname-Bold.ttf') format('truetype')？

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

我添加了分号