How to connect the Vue fonts in the app (the quotes are removed when compiling scss)?

Connect the fonts in the app Vue

@font-face {
 font-family: "Source Sans Pro";
 font-weight: 400;
 font-style: normal;
 src: url('~@/assets/fonts/xxx.eot');
 src: url('~@/assets/fonts/xxx.eot?#iefix') format("embedded-opentype"),
 url('~@/assets/fonts/xxx.woff') format("woff"),
 url("~@/assets/fonts/xxx.ttf") format("truetype"),
 url("~@/assets/fonts/xxx.svg#Source Sans Pro") format("svg");

But when you compile the quotes are removed, the client, the fonts are not loaded.
@font-face {
 font-family: "Source Sans Pro";
 font-weight: 400;
 font-style: normal;
 src: url(/fonts/xxx.012556a5.eot);
 src: url(/fonts/xxx.012556a5.eot?#iefix) format("embedded-opentype"),
 url(/fonts/xxx.012556a5.woff) format("woff"),
 url(/fonts/xxx.012556a5.ttf) format("truetype"),
 url(/fonts/xxx.012556a5.svg#Source Sans Pro) format("svg");
April 4th 20 at 00:46
1 answer
April 4th 20 at 00:48
Here's a snippet of my code :

@font-face {
 font-family: "Morganite";
 font-weight: 800;
 src: url('~@/assets/fonts/Morganite-Bold.woff2') format('woff2'),
 url('~@/assets/fonts/Morganite-Bold.woff') format('woff');

Find more questions by tags FrontendWebpackVue.js