Как корректно импортировать результат функции?

Если импортируете, передайте колбэк функцию в дополнительном .then
пример

Почему в одном месте шрифт подключается, а в другом нет?

TheRelow,
сайт шрифта , github страница шрифта и судя по ним у него нет поддержки кирилицы.

Как поправить цифры с текстом?

Если не нужна поддержка IE-11 (caniuse), то смело можно использовать text-stroke и text-fill.
рабочий пример

На before не отображается картинка в чем может быть пробелма?

Добавьте
background-size: cover;
Рабочий пример
Вообще к единичным background-image стоит добавлять всегда:

background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

Какие бесплатные ресурсы посоветуете для начинающего веб-разработчика?

ссылка , обязательно найдете что то для себя.
ссылка , множество теории и задач с разбором.
Ищите макеты и делайте их (можно прочитать множество книг и статей, но без практики, это будет ничто с кпд ноль)
И да, умение гуглить, одно из важных качеств разработчика. Ни на одной работе Вам никто не будет разжевывать то, что не понятно, максимум дадут вектор.

Как лучше писать стили в scss?

Стоит. Используя классы, а ещё лучше методологию, код легче поддерживать.
То что написано у вас при компиляции в css преобразуется в:

.result-container {
  max-width: 200px;
}
.result-container img {
  max-width: 100%;
}
.result-container p {
  color: red;
}

И в какой то момент легко можно запутаться в специфичности компонуемых тегов, классов и селекторов. Перестать понимать какое из нагромождение классов и тегов отвечает за конкретное свойство.
А если необходимо будет на другой странице этот же блок немного изменить, можно дойти до:

#result .result-block .result-container p a {
  color: red;
}

Если задавать классы, то получится что то такое:

.result-container {
  max-width: 200px;
  &__img {
    max-width: 100%;
  }
  &__p {
    color:red;
  }
}

компилируется в: (четко и понятно)

.result-container {
  max-width: 200px;
}
.result-container__img {
  max-width: 100%;
}
.result-container__p {
  color: red;
}