What could be causing the absolute path for this asset (the font) not to work while the relative path does?
<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>
Edit: This issue appears to be related to React/Babel/Webpack. https://i.sstatic.net/GTgCW.png