CSS中资产的绝对路径URL_Css_Reactjs

CSS中资产的绝对路径URL

css reactjs

CSS中资产的绝对路径URL,css,reactjs,Css,Reactjs,为什么这个资源（字体）的绝对路径不起作用，而相对路径起作用 <body> hello friend </body> <style type="text/css"> @font-face { font-family: 'Gilroy'; /* src: url("../src/styles/assets/Gilroy.otf"); */ src: local('Gilroy')

为什么这个资源（字体）的绝对路径不起作用，而相对路径起作用

<body>
  hello friend
</body>
<style type="text/css">
  @font-face {
    font-family: 'Gilroy';
    /* src: url("../src/styles/assets/Gilroy.otf"); */
    src: local('Gilroy')
      url('/Users/username/dev-env/test-react/app/src/styles/assets/Gilroy.otf');
  }
  body {
    font-family: Gilroy;
  }
</style>


你好，朋友
@字体{
字体系列：“吉尔罗伊”；
/*src:url（“../src/styles/assets/Gilroy.otf”）*/
src：本地（'Gilroy'）
url（'/Users/username/dev env/test react/app/src/styles/assets/Gilroy.otf'）；
}
身体{
字体系列：Gilroy；
}

编辑：React/Babel/Webpack存在问题。

您在

本地（）之后缺少一个，


@字体{
字体系列：“吉尔罗伊”；
src:local（‘Gilroy’），
url（'/Users/username/dev env/test react/app/src/styles/assets/Gilroy.otf'）；
}
身体{
字体系列：Gilroy；
}

请参阅。
也许这不是实际的绝对路径？你为什么不想使用相对路径？我确信路径是正确的。我只是在寻找一种使事情变得更简单的方法，因为我实际上在一个更复杂的项目中，我不知道Sass/CSS文件将被导入到哪里。也许你应该使用！重要信息
在类正文中的字体系列之后！然后从浏览器复制并粘贴URL中可用的内容。你能用浏览器访问这个文件吗？不管出于什么原因，你没有发布域名，这样就没有人能真正为你找到答案。我在本地做这件事。这不是现场直播。是的，我可以从浏览器访问该文件。我认为这可能是React/Webpack错误。本地？您是使用Web服务器在本地托管，还是正在执行文件：//
？为什么不使用完整的URL而不是对root用户使用/引用？根引用在不同的上下文中意味着不同的东西，这不是bug。这只是一条错误消息，说明您的路径不工作。你的道路是完全错误的。。。将URL放入浏览器，然后将整个内容（包括协议）复制到CSS中。
<style type="text/css">
  @font-face {
    font-family: 'Gilroy';
    src: local('Gilroy'),
      url('/Users/username/dev-env/test-react/app/src/styles/assets/Gilroy.otf');
  }
  body {
    font-family: Gilroy;
  }
</style>