I was working on a similar issue for woff2 file type and made it successfully.
Thing is, the woff2 file exists in the server and was able to reference it in the:
<link rel="preload" href="fonts/fontawesome-webfont.woff2" as="font" type="font/woff2" crossorigin>.
As all I get from PageSpeed Insights is the content of the image below:
How do I solve this for the initial path?