Пользовательский шрифт в пакете Vue.js 2.0 npm

Question

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

Почти все работает отлично, за исключением пользовательских шрифтов, которые я 'Я пытаюсь связать в моем пакете.

Это мой строительный скрипт:

vue-cli-service build --target lib --name VueBricks ./src/main.js

А вот так выглядит мой main.js:

import Vue from 'vue';

import Navbar from '@/components/Navbar/Navbar.vue';

const Components = {
    Navbar
};

Object.keys(Components).forEach(name => {
    Vue.component(name, Components[name]);
});

export {
    Navbar
};

Этомой компонент Navbar.vue:

<template lang="pug" src="./Navbar.pug"></template>
<style scoped src="./Navbar.css"></style>
<style scoped src="./Navbar.responsive.css"></style>
<style scoped src="@/assets/css/animate.css"></style>
<style scoped src="@/assets/fonts/cereal.css"></style>
<style scoped src="@/assets/fonts/linearicons.css"></style>
<style scoped src="@/assets/css/styles.css"></style>

<script>

export default {
    name: 'Navbar',
    props: {
        title: String,
        user: Object
    },
    methods: {
        goHome() {
            window.location.href = '/';
        }
    },
};

</script>

Наконец, я импортирую свой модуль в тестовое приложение, и ошибка, которую я получаю, заключается в том, что мой браузер пытается загрузить все мои шрифты через HTTP, ипоэтому не могу их найти.

Однако все мои активы, похоже, правильно связаны в моем выводе dist:

Как я могу загрузить свои пользовательские шрифты в пакете компонентов Vue npm?

Большое спасибо!