Nuxt.js: Включить файлы шрифтов: использовать / статические или / assets - PullRequest
Новая
       27

Nuxt.js: Включить файлы шрифтов: использовать / статические или / assets

0 голосов
/ 04 июня 2018

Я знаю, что некоторые посты в репозитории nuxt.js github освещают это немного, но я хотел бы знать, как правильно использовать font-файлы в nuxt.js.

Пока что у нас былоони находятся в каталоге /static/fonts, но другие люди используют assets для хранения файлов шрифтов.В чем различия?Является ли один из вариантов лучше, и если да, то почему?

Также есть разные способы их включения.Будет ли такой путь правильным: 

@font-face {
  font-family: 'FontName';
  font-weight: normal;
  src: url('~static/fonts/font.file.eot'); /* IE9 Compat Mode */
  src: url('~static/fonts/font.file.woff') format('woff'),
       url('~static/fonts/font.file.otf') format('otf'),
       url('~static/fonts/font.file.eot') format('eot');
}

Спасибо за разъяснения здесь: D.ура

J

1 Ответ

0 голосов
/ 04 июня 2018

это очень хорошо объяснено в официальном документе: https://nuxtjs.org/guide/assets/

assets\ зарезервировано для активов, подлежащих обработке (например, concat css with webpack)

static\ полезнооткрыть все статические файлы из корневого URL (static \ img \ test.jpg => http://example.fr/img/test.jpg), без какого-либо процесса

...