الخطوط لا تطبق في المتصفح

اعتقد ان المشكلة في الكود التالي :

@font-face {
    font-family:"poppins EL" ;
    src: local("poppins EL") url("../fonts/Poppins-ExtraLight.ttf") format("ttf");
}

$font-family-base: "poppins EL",

والصحيح هو 

@font-face {
      font-family: "poppins EL";
      src: local("poppins EL") url("../../fonts/Poppins-ExtraLight.ttf") format("ttf");
}

$font-family-base: "poppins EL";

حيث انه لديك خطأ في المسار.

بتاريخ 8 ساعة قال عمر قره محمد:

اعتقد ان المشكلة في الكود التالي :

@font-face {
    font-family:"poppins EL" ;
    src: local("poppins EL") url("../fonts/Poppins-ExtraLight.ttf") format("ttf");
}

$font-family-base: "poppins EL",

والصحيح هو 

@font-face {
      font-family: "poppins EL";
      src: local("poppins EL") url("../../fonts/Poppins-ExtraLight.ttf") format("ttf");
}

$font-family-base: "poppins EL";

حيث انه لديك خطأ في المسار.

ظهر لي هذا ...

بتاريخ 15 ساعة قال علي رزوقي:

ظهر لي هذا ...

أعتقد أن الحل لهذه المشكلة هو استخدام ال absolute path كما يظهر في المثال التالي

@font-face {
    font-family:"poppins EL" ;
    src: local("poppins EL") url("/src/assets/fonts/Poppins-ExtraLight.ttf") format("ttf");
	/* لاحظ تغيير المسار */
}

$font-family-base: "poppins EL";

بتاريخ 6 ساعة قال عبدالباسط ابراهيم:

أعتقد أن الحل لهذه المشكلة هو استخدام ال absolute path كما يظهر في المثال التالي

@font-face {
    font-family:"poppins EL" ;
    src: local("poppins EL") url("/src/assets/fonts/Poppins-ExtraLight.ttf") format("ttf");
	/* لاحظ تغيير المسار */
}

$font-family-base: "poppins EL";

 

لم يتم تطبيق الخط أيضا .....

بتاريخ 6 ساعة قال عبدالباسط ابراهيم:

أعتقد أن الحل لهذه المشكلة هو استخدام ال absolute path كما يظهر في المثال التالي

@font-face {
    font-family:"poppins EL" ;
    src: local("poppins EL") url("/src/assets/fonts/Poppins-ExtraLight.ttf") format("ttf");
	/* لاحظ تغيير المسار */
}

$font-family-base: "poppins EL";

 

لم يتم تطبيق الخط أيضا .....

بتاريخ 6 ساعة قال علي رزوقي:

لم يتم تطبيق الخط أيضا .....

تأكد من كتابة المسار كما في التعليق حيث أنه يعمل معي كما في الصورة التالية

بتاريخ 12 ساعة قال عبدالباسط ابراهيم:

تأكد من كتابة المسار كما في التعليق حيث أنه يعمل معي كما في الصورة التالية

الخطوط لايتم تطبيقها في المتصفح بهذه الطريقة لدي أما عند استدعاء رابط الخطوط مباشرة من google fonts فيتم تطبيقها بشكل عادي