مرحبًا Karthikk! يسعدني أن الإعجاب بالموضوع : )
الأسهل هو تعريف خط للـ body (أعتقد أن فعل ذلك في common.scss هو الأفضل):
body {
font-family: 'اسم عائلة الخط الخاصة بك', [FALLBACKS];
}
لا أعرف ما إذا كنت تضيف خطوطك الخاصة أو تستخدم خطوط Google، لكنني أنصحك باختيار عائلة من كتالوج Google.
تذكر استبدال [FALLBACKS] بالبدائل الخاصة بك اعتمادًا على نوع الخط الذي اخترته، يمكنك الاطلاع على المزيد حول بدائل font-family هنا
أما بخصوص تغيير الخط للعناوين والرؤوس، أعتقد أنك قد عرفت ذلك بالفعل، لكن كذكرى، بالإضافة إلى استيراده، يجب أن تعلنه في السطر 116 من ملف variables.scss
أتمنى أن يكون ذلك مفيدًا! أتمنى لك عطلة نهاية أسبوع ممتعة : )