3

每次我尝试访问公用文件夹中的文件时都会收到以下错误。

./src/index.css (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-4-1!./node_modules/postcss-loader/src??postcss!./src/index.css)
Error: Can't resolve '/assets/fonts/PlantinMTProRg.woff' in 'C:\Users\User\Desktop\NewPage\webpage\src'

如您所见，我正在尝试从我的 src 文件夹中的 index.css 中调用一种字体。

我这样称呼它：

@font-face {
  font-family: 'PlantinMTPro';
  src: local('plantin_mt_pro'), url(/assets/fonts/PlantinMTProRg.woff) format('truetype');
}

但到目前为止还没有运气。图像有同样的问题。

有任何想法吗？

提前致谢！

4

1 回答 1

1

在您的 index.html 中，您必须从公共目录链接您的 index.css

<link rel="stylesheet" href="%DIR%/NewPage/webpage/src/index.css">

从那里，您需要找出正确的 url 以访问您的字体系列，您说它在您的 src 文件中。

@font-face {
  font-family: 'PlantinMTPro';
  src: local('plantin_mt_pro'), url(/assets/fonts/PlantinMTProRg.woff) format('woff');
}

另外，我注意到您使用了 truetype 格式。仅当您要导入 .ttf 文件时才使用它。format('woff')在这种情况下使用。

如果您尝试支持多个浏览器，您可能需要在此处添加一些更改

于 2020-10-28T13:46:19.183 回答