Подключить font IcoMoon во Vue.js

130
10 апреля 2021, 21:50

При попытке подключить шрифт-иконки chrome выдает следующее:

Failed to decode downloaded font:
OTS parsing error: invalid version tag

Пробовал несколько разных иконок, не работает даже стандарный пак с IcoMoon (всегда делал через этот сайт) то есть проблема не в шрифте.

Вот мой font-face(файл: "icons.css"):

    @font-face {
  font-family: 'icomoon';
  src:  url('/icomoon.eot?');
  src:  url('/icomoon.eot?#iefix') format('embedded-opentype'),
    url('/icomoon.ttf?') format('truetype'),
    url('/icomoon.woff?') format('woff'),
    url('/icomoon.svg?#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

На всякий случай скажу что данный файл импортируется в main.sass вот так : @import "icons"

Проект создавал через vue-cli

p.s если убрать слеш вначале пути vue вообще выдает такую ошибку:

Error: Can't resolve './fonts/icomoon.eot'

Уже не знаю куда копать

Answer 1

Решил вот так, изменил путь на: "~@/assets/static/icons" (файловая структура немного поменялась)

READ ALSO
C++, параметры метода по умолчанию

C++, параметры метода по умолчанию

Я бы хотел узнать, есть ли разница в том, где именно указано, что параметр метода имеет значение по умолчанию? Компилятор позволяет указывать...

109
C++, что именно возвращают методы fstream::tellp() / tellg()?

C++, что именно возвращают методы fstream::tellp() / tellg()?

Я бы хотел кое в чем разобраться

102
Временной цикл в С++

Временной цикл в С++

Как создать цикл, который будет запрашивать ввод переменной в течение (к примеру) 5 секунд при условии, что если я не ввёл переменную за это...

127
C++ Наследование, Инкапсуляция, Шаблоны

C++ Наследование, Инкапсуляция, Шаблоны

Есть ли в С++ способ при написании кода ограничить доступ к некоторым функциям класса? Чтобы в каком-нибудь IDE в одном случае в подсказке предлагался,...

106