Ошибка при подключении шрифтов vue-cli?

Question

[Александр Фелисон]

Здравствуйте! При подключении materialdesignicons-webfont97e3.html.

Таким способом выдает ошибку:

@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
}

У меня почему то ругается именно на эту строчку:

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

Вот сама ошибка в консоли:

Искал в интернете решение так и не нашел надеюсь что мне тут подскажут в чем проблема.

Comments

[Rustam Bainazarov]

webfont97e3.html

Что это за шрифт в формате HTML? :))

При том, что чуть далее в этой же строке указан формат WOFF2.

[Михаил]

https://github.com/Templarian/MaterialDesign-Webfo...

@font-face {
  font-family: '#{$mdi-font-name}';
  src: url('#{$mdi-font-path}/#{$mdi-filename}-webfont.eot?v=#{$mdi-version}');
  src: url('#{$mdi-font-path}/#{$mdi-filename}-webfont.eot?#iefix&v=#{$mdi-version}') format('embedded-opentype'),
    url('#{$mdi-font-path}/#{$mdi-filename}-webfont.woff2?v=#{$mdi-version}') format('woff2'),
    url('#{$mdi-font-path}/#{$mdi-filename}-webfont.woff?v=#{$mdi-version}') format('woff'),
    url('#{$mdi-font-path}/#{$mdi-filename}-webfont.ttf?v=#{$mdi-version}') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.html ???????

[Александр Фелисон]

Рустам Байназаров, спасибо сам что то не заметил)

Answer 1

[Alex]

У вас файл не в том формате