Работа со шрифтами. Локальные и иконочные шрифты. Подключение из Google Fonts

Привет! Этот контент доступен только подписчикам на патреоне с доступом
к стартовому шаблону "Чертоги Фрилансера" версия №3
Буду рад подписке на патреон:
Уже есть необходимый доступ на патреоне? Обнови страницу для получения доступа.
  • Артем
    Автор: Артем Добавлено 28 января, 2022 в 14:01

    Подскажите пожалуйста что значит селектор «%»? В папке icons.scss такая запись %ic{ … } Что это за класс такой «%ic»?

  • Максим
    Автор: Максим Добавлено 2 февраля, 2022 в 21:39

    Здарвствуйте, если я хочу подключить шрифт с помощью link к файлу html, мне его вручную писать в файл _head.htm или в шаблоне есть другое место куда этот линк нужно подключать?

  • Sunabouzu
    Автор: Sunabouzu Добавлено 6 февраля, 2022 в 21:36

    Здравствуйте!

    В режиме разработчика выдает следующее:

    ****
    Compiled with problems:

    ERROR in ./src/scss/style.scss (./node_modules/string-replace-loader/index.js??ruleSet[1].rules[0].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/scss/style.scss)

    Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
    SassError: Can’t find stylesheet to import.

    10 │ @import «fonts/fonts»;
    │ ^^^^^^^^^^^^^

    src\scss\style.scss 10:9 root stylesheet

    ****
    Помогите, пожалуйста!

    • Фрилансер по жизни
      Автор: Фрилансер по жизни Добавлено 13 февраля, 2022 в 10:28

      где находятся файлы шрифтов?

    • Евгений
      Автор: Евгений Добавлено 23 февраля, 2022 в 18:35

      Создайте папку fonts в src, остановите gulp, добавьте шрифт, запустите gulp

    • Олег
      Автор: Олег Добавлено 23 февраля, 2022 в 21:30

      Sunabouzu, у меня такая же ошибка была. Решилось тем, что нужно создать папку fonts в папке scss. Затем как по инструкции выполнить npm run fonts. Тогда файлик scss/fonts/fonts.scss появится.
      Нравится, сколько потенциала в сборке, будто подарили Бугатти, а я водить не умею :)) Но на то мы и учимся ) Спасибо, Жека!

      Насчёт ошибки — мне кажется, она может появиться у многих, потому что вместо удаления файла scss/fonts/fonts.scss, люди удаляют сразу scss/fonts папку, а без scss/fonts файлик fonts.scss у меня не создался.

  • Евгений
    Автор: Евгений Добавлено 9 февраля, 2022 в 18:30

    Когда добавляю шрифты ttf в папку fonts и убираю комментарий в style.scss на строке @import «fonts/fonts»; то на этой строке gulp выдаёт ошибку ERROR in ./src/scss/style.scss
    Что мне делать?

  • Александр
    Автор: Александр Добавлено 12 февраля, 2022 в 11:00

    Добрый день. А будет документация по подключению svg-спрайтов?

  • Евгений
    Автор: Евгений Добавлено 23 февраля, 2022 в 18:04

    Выдаёт ошибку при добавлении шрифта в папку src/scss/fonts, стоит только раскомментировать соответствующую строку.
    Не у меня одного как вижу(

  • DronforD
    Автор: DronforD Добавлено 10 мая, 2022 в 17:58

    Вместо иконок выводятся квадраты. Всё сделал по инструкции, подскажите в чём может быть проблема?

Лишити коментар