CSS字体无法找到字体文件

Question

我浏览了本网站上的许多答案，其他都没有用。 我正在使用SVG，truetype和EOT。 为简单起见，将其删除。 这是我尝试过的：

在Google Chrome 61.0.3163.100上测试

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

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

还尝试了：

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

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

除非我错了，否则Chrome应该可以看到WOFF

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

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

当地的作品很好。 我测试然后删除以仅测试WEB。

还测试了.woff文件是否存在于完整地址。 也可以。

Answer 1

从https://... url导入字体

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