Error connecting vue-cli fonts?

Question

css

Hello! When including materialdesignicons-webfont97e3.html.

This way it gives an error:

@font-face {
  font-family: "Material Design Icons";
  src: url("../fonts/materialdesignicons-webfont97e3.eot?v=3.4.93");
  src: url("../fonts/materialdesignicons-webfontd41d.eot?#iefix&v=3.4.93") format("embedded-opentype"),
  url("../fonts/materialdesignicons-webfont97e3.html?v=3.4.93") format("woff2"),
  url("../fonts/materialdesignicons-webfont97e3.woff?v=3.4.93") format("woff"),
  url("../fonts/materialdesignicons-webfont97e3.ttf?v=3.4.93") format("truetype"),
  url("../fonts/materialdesignicons-webfont97e3.svg?v=3.4.93#materialdesigniconsregular") format("svg");
  font-weight: normal;
  font-style: normal
}

For some reason, I'm swearing at this line:

url("../fonts/materialdesignicons-webfont97e3.html?v=3.4.93") format("woff2"),

Here is the error itself in the console:

I searched the Internet for a solution and did not find it, I hope that they will tell me what the problem is.

Answer 1

Your file is in the wrong format