اذهب إلى المحتوى
  • 0

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

علي رزوقي

السؤال

السلام عليكم ,

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

PRO.L.zip

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

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

@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";

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 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";

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

ظهر لي هذا ...

لقطة الشاشة 2022-12-30 164448.png

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 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";

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 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";

 

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

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

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

Screenshot_20221231_103128.png.9b3855145cef547502af82c06159e807.png

رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

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

Screenshot_20221231_103128.png.9b3855145cef547502af82c06159e807.png

الخطوط لايتم تطبيقها في المتصفح بهذه الطريقة لدي1891360786_2023-01-01094431.thumb.png.a0982db7b4def684ade44d179b0da484.png أما عند استدعاء رابط الخطوط مباشرة من google fonts فيتم تطبيقها بشكل عادي 1993900729_2023-01-01094613.thumb.png.e1b18802e7250d635f83e1636b410321.png105454866_2023-01-01094553.thumb.png.c7db23ba5faffe167ad5c55f9b523896.png

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...