Vue cli и vuetify, как использовать с локальным шрифтом Roboto

Question

У меня разрабатывается приложение Vue / Vuetify, созданное с помощью VUE CLI 3.x, и я хотел бы обслуживать шрифт Roboto локально, а не через Google CDN.

Кто-нибудь выполнил это через веб-пакет и vueCli сгенерировал проект приложения vuetify, и если да, то как ты это сделал?

Answer 1

Сначала установите пакет typeface-roboto в свой проект.

Затем импортируйте его в свой main.js / index.js / boot.js или любой другой файл:

import 'typeface-roboto/index.css';

Наконец, обновитеВаш webpack.config.js позволяет использовать типы файлов шрифтов в правилах модуля, например:

    module: {
        rules: [
            //other stuff
            { test: /\.(png|woff|woff2|eot|ttf|svg)$/, use: 'url-loader?limit=25000' }
        ]
    },

Типы файлов шрифтов woff, woff2, eot и ttf.