Добавление свое шрифта в проект nuxt.js

Question

Не подключается шрифт добавленный с помощью @font-face в проект nuxt.js

<template>
  <div>
    <p>Красиво , однако , в лесу!</p>
  </div>
</template>
<style>
@font-face {
  font-family: Pompadur; 
  src: url(/static/fonts/pompadur.ttf); 
}
P {
  font-family: Pompadur;
  font-size:50px;
}
</style>```

Answer 1

Ссылка на документацию: Статические файлы - NuxtJS

У Nuxt.js есть специальный каталог для статических файлов под названием static.

Если вы не хотите использовать Webpacked Assets из папки assets, то можно создать и использовать папку 'static' в корневом каталоге проекта.

Nuxt.js автоматически сделает доступными эти файлы через /.

Эта опция полезна для таких файлов, как 'robots.txt' или 'sitemap.xml'.

В коде проекта эти файлы будут доступны также через /:

<!-- Статическое изображение из папки `static`-->
<img src="/my-image.png"/>

<!-- Статическое изображение через Webpack из папки `assets`-->
<img src="/assets/my-image-2.png"/>

БЛОГ НА HUSL

Добавление свое шрифта в проект nuxt.js

Ответы (1 шт):

Ссылка на документацию: Статические файлы - NuxtJS