Failed to decode downloaded font

[varHarrie]

Describe the bug

<template>
  <div>
    <i class="ri-home-line"></i>
    <i class="fas fa-home"></i>
  </div>
</template>

<script>
import "remixicon/fonts/remixicon.css";
import "@fortawesome/fontawesome-free/css/all.css";

export default {
  name: "App",
};
</script>

And I got console warning:

Failed to decode downloaded font: <URL>
(index):1 Failed to decode downloaded font: http://localhost:3000/@modules/@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff2
(index):1 Failed to decode downloaded font: http://localhost:3000/@modules/remixicon/fonts/remixicon.woff2?t=1590207869815
(index):1 Failed to decode downloaded font: http://localhost:3000/@modules/@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff
(index):1 Failed to decode downloaded font: http://localhost:3000/@modules/remixicon/fonts/remixicon.woff?t=1590207869815
(index):1 Failed to decode downloaded font: http://localhost:3000/@modules/@fortawesome/fontawesome-free/webfonts/fa-solid-900.ttf
(index):1 Failed to decode downloaded font: http://localhost:3000/@modules/remixicon/fonts/remixicon.ttf?t=1590207869815
(index):1 OTS parsing error: Failed to convert WOFF 2.0 font to SFNT
(index):1 OTS parsing error: Size of decompressed WOFF 2.0 is less than compressed size
2(index):1 OTS parsing error: incorrect file size in WOFF header
2(index):1 OTS parsing error: incorrect entrySelector for table directory

Reproduction

https://github.com/varHarrie/vite-font-issue

System Info

• required vite version: 0.20.8
• required Operating System: MacOS 10.14.6
• required Node version: 14.4.0
• yarn version: 1.22.4
• vue version: 3.0.0-beta.15
• @vue/compiler-sfc version: 3.0.0-beta.15