У меня следующая проблема: я создал приложение nuxt.js vue, в котором используется шрифт Google.
Я загружаю его в заголовок (добавляя URL-адрес в раздел заголовка моего nuxt.config)..js) https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700
Затем я использую переменную sass: $s-font-family-base: 'Playfair Display', serif;, которую я использую во всех своих стилях для отображения этого шрифта.
Теперь, когда я проверяю свой инспектор браузеров при запускесервер разработки, все выглядит хорошо:
Но если я использую yarn generate (nuxt generate соответственно), это приведет к свойству font-familyс раздетыми кавычками.Также, если я запускаю производство.
Конечно, это нехорошо, приводит к некорректному CSS и может привести к ошибке загрузки шрифта..
Теперь я предполагаю, что это связано с nuxts css-loader: https://github.com/webpack-contrib/css-loader
Но я не совсем уверен, стоит ли мне открывать там проблему.(Я начал создавать минимальный репозиторий nuxt для воспроизведения, но затем я обнаружил ошибку в руководстве по началу работы: https://cmty.app/nuxt/nuxt.js/issues/c9213) *
Во всяком случае, в то же время я просто хотел протянуть рукудля некоторых указателей на эту тему. Приветствия и спасибо за любую помощь.