CSS font-face找不到字体文件

Question

我在这个网站和其他网站上看了很多答案，没有一个正在运作。我使用的是SVG，truetype和EOT。为简单起见删除了。这是我尝试过的：

在Google Chrome浏览器61.0.3163.100上进行测试

@font-face {
  font-family: 'FONTNAME';
  src:  url('/assets/fonts/FONTNAME.woff') format('woff');

  font-weight: normal;
  font-style: normal;
}

也尝试过：

 [EnableCors(origins: "http://localhost:49766", headers: "*", methods:"*")]

除非我错了Chrome应该能够看到WOFF

我的文件夹结构如下所示：

• 的资产
  • styleSheets - 此处的所有样式表
  • fonts - 此处的所有字体
• 的index.html

本地工作正常。我测试然后删除了仅测试WEB。

还测试了.woff文件是否存在于完整地址。这也很好。

Answer 1

  

从https://...网址

导入字体

@import url('https://fonts.googleapis.com/css?family=Lato|Roboto');
p:first-child{font-family: 'Roboto';}
p:last-child{font-family: 'Lato';}

<p>https://fonts.google.com<p>
<p>https://fonts.google.com<p>