Я новичок в SCSS и пытаюсь загрузить локальный шрифт в свой файл SCSS.
Это отлично работает в файле CSS, но в файле SCSS ничего не дает, даже ошибки:
@font-face {
font-family: "Cairo";
font-weight: 400;
font-style: normal;
src: url(./assets/Fonts/Cairo/CairoBlock-Regular.ttf);
}
Файлы css и scss находятся в одном каталоге, поэтому путь должен быть одинаковым. Что я делаю не так?
Отвечает ли это на ваш вопрос? Как эффективно загружать шрифты Google в Nuxt
Я обновил вопрос. Я решил попробовать загрузить все шрифты локально.
Что вы видите в DOM (devtools)? Не применяется? Кроме того, вы проверили это: stackoverflow.com/q/1567184/8816585?
Это не применяется. Я проверил это, но я использую другой синтаксис.
Может быть, есть что-то фундаментальное, что я мог упустить? Я установил только sass глобально, но больше ничего.
О, я использовал этот модуль @nuxtjs/style-resources в конфигурации nuxt и попытался установить все файлы scss из styleResources: [] в css: [] в конфигурации nuxt, и все начало работать волшебным образом.
Если вы хотите, чтобы ваши шрифты загружались правильно, вам нужно как-то связать их со страницей в какой-то момент. Следовательно, размещение ваших файлов SCSS в css
недвижимость, вероятно, является правильным решением.
nuxt.config.js
export default {
// Global CSS: https://go.nuxtjs.dev/config-css
css: ['put-your-files-here']
}
В противном случае, вот как загрузить некоторые шрифты правильно с Nuxt.
Что это
../assets/https:/font...
? Это не местный импорт. И я даже не уверен, что можно напрямую так импортировать CDN.