Не удалось декодировать загруженный шрифт. OTS ошибка разбора. VueJs - PullRequest
Новая
       13

Не удалось декодировать загруженный шрифт. OTS ошибка разбора. VueJs

0 голосов
/ 06 сентября 2018

Я пытаюсь импортировать веб-шрифт в определенный компонент в моем приложении Vue (созданном с помощью шаблона веб-пакета Vue cli). Внутри одного из моих компонентов я пытаюсь импортировать шрифты, ссылаясь на _fonts.scss в проекте, который имеет содержимое: 

@font-face {
  font-family: 'SomeFont';
  src: url('~/assets/fonts/SomeFont-Regular.woff2') format('woff2'),
  url('~/assets/fonts/SomeFont-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

Затем, когда я открываю приложение, я получаю эту ошибку: 

Failed to decode downloaded font: http://localhost:8080/assets/fonts/SomeFont-Regular.woff2
Failed to decode downloaded font: http://localhost:8080/assets/fonts/SomeFont-Regular.woff

С этим тоже: 

OTS parsing error: invalid version tag
OTS parsing error: invalid version tag

Я искал в сети эту проблему и ничего не нашел, или какие-то обстоятельства

1 Ответ

0 голосов
/ 06 сентября 2018

Попробуйте использовать относительный путь при импорте шрифтов в url (). Без '~ / fontPath'

Пример 

@font-face {
    font-family: 'MyFont';
    src: url("../assets/fonts/MyFont.woff2") format('woff2');
    font-weight: normal;
    font-style: normal;
  }
...