What is the correct way to import fonts? about electron-vue HOT 4 CLOSED

This is how I'm doing it @mvalim:

Install a font, for example:
npm i @typopro/web-titillium --save

Next, in App.vue

<template>...</template>
<script>...</script>
<style>
  @import '../node_modules/@typopro/web-titillium/TypoPRO-Titillium.css';

  body {
    font-family: "TypoPRO Titillium Text";
  }
</style>

from electron-vue.

@mvalim No problem about the duplicate issue.

vue-loader treats url() like an actual require statement so the path to the font file may have to be adjusted. You stated that both font.css and all font files are within the same directory, so theory they shouldn't need to be adjusted. Do you have a repo I could look into?

More Info

from electron-vue.

Sorry for the duplicated issue, bad internet connection and I was not aware that it was submitted the first time

from electron-vue.

Closing for now. Feel free to comment back if needed.

from electron-vue.