vue.js cli проект не загружает локальные шрифты - PullRequest
Новая
       54

vue.js cli проект не загружает локальные шрифты

0 голосов
/ 24 апреля 2018

Кажется, есть много проблем с загрузкой шрифтов в проектах vue.js, я использую сборку webpack и мой

build / webpack.base.conf.js

URL-загрузчик выглядит следующим образом: 

  {
    test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
    loader: 'url-loader',
    options: {
      limit: 10000,
      name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
    }

В моей папке src у меня есть

assets / fonts / Radomir Tinkov - Gilroy-Regular.otf

И мой App.vue содержит следующий код: 

<style lang="scss">

//fonts

@font-face {
  font-family: "Gilroy";
  src: url("assets/fonts/Radomir Tinkov - Gilroy-Regular.otf") format("otf");
}

В моем терминале я получаю следующую ошибку:

Этот относительный модуль не найден: 

* ./assets/fonts/Radomir%20Tinkov%20-%20Gilroy-Regular.otf in ./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-7ba5bd90","scoped":false,"hasInlineConfig":false}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue

Как определить правильные пути к шрифту в vue.js?

...