我正在使用gatsby-plugin-sass来包含我的sass文件。我有一个名为web-animations.sass
的文件,它导入了_typography.sass
。我的_typography.sass
有一个像这样的font-face声明:
@font-face
font-family: 'BrandonPrinted'
src: url(../../global/fonts/brandonprinted-one-webfont.eot)
src: url(../../global/fonts/brandonprinted-one-webfont.eot?#iefix) format('embedded-opentype'), url(../../global/fonts/brandonprinted-one-webfont.woff) format('woff'), url(/src/page-assets/global/fonts/brandonprinted-one-webfont.ttf) format('truetype')
当我运行
gatsby develop
时,我遇到了这个错误:ERROR Failed to compile with 2 errors 19:51:15
These relative modules were not found:
* ../../global/fonts/brandonprinted-one-webfont.eot in ./~/css-loader!./~/sass-loader?{"plugins":[]}!./src/page-assets/work-ive-done/subpages/web-animations/styles/web-animations.sass
* ../../global/fonts/brandonprinted-one-webfont.woff in ./~/css-loader!./~/sass-loader?{"plugins":[]}!./src/page-assets/work-ive-done/subpages/web-animations/styles/web-animations.sass
看起来字体url路径的解释是相对于web-animations.sass
而不是相对于_typography.sass
,因为如果我将web-animations.sass
向上移动两个级别,那么这个错误就会消失。
有没有办法让_typography.sass
查找其自身位置相对的字体文件?