Import CSS file with Fonts in VueJS

Viewed 3676

I have a Vue application and I want use a line-awesome font. But in my App.vue that is my component I import css file fonts in this way:

@import 'assets/fonts/line-awesome/css/line-awesome.min.css'; 

My problem is that no errors are shown, but my fonts are not loaded in my app.

In that css file, it contains this font face:

@font-face {
  font-family: "LineAwesome";
  src: url("../fonts/line-awesome.eot?v=1.1.");
  src: url("../fonts/line-awesome.eot??v=1.1.#iefix") format("embedded-opentype"),
       url("../fonts/line-awesome.woff2?v=1.1.") format("woff2"),
       url("../fonts/line-awesome.woff?v=1.1.") format("woff"),
       url("../fonts/line-awesome.ttf?v=1.1.") format("truetype"),
       url("../fonts/line-awesome.svg?v=1.1.#fa") format("svg");
  font-weight: normal;
  font-style: normal;
}

Now I don't know if my problem is because my path is wrong setted or I need a additional configuration in my app.

Some idea about how I can fix it?

1 Answers
Related