السلام عليكم ..
أٌعاني من مشكلة جديدة ، "أعلم لقد مللتم من مشاكلي لكن ماذا أفعل :3 "
مشكلتي أخوتي هي أثناء محاولتي لربط ملف HTML مع ملف css للـ Font Awesome
علماً أنني كنت قد ربطت جميع الملفات الأخرى بشكلٍ سليم ، لكن هذا لم يُفلح معي ، لا يقوم بأظهار الأيقونات التي أقوم بأضافتها كما هو موجود بالصورة ،
أرجوا منكم المساعدة ولكم جزيل الشكر .. ❤
هذا لأنك وضعت الملف في مجلد فرعي آخر ،
ألا يمكنك نقله إلى المجلد الأب ؟ أو نقل مجلد fonts إلى articles ؟
-آسف عقلي متوقف حاليا ههه فهناك حلول أفضل بالتاكيد-
إن فعلت ذلك أظن أنني سأقوم بتخريب بعض الأشياء :3
أعني أنني سأُعقّد أكثر من ما أنا فيه ، أتمنى عند تصل لفكرة أفضل بأن تخبرها لي ..
قم بإنشاء مجلد fonts بجانب ملف css وقم بتحميل ملف الفونت أوسم كامل وفك الضغط عنه تم حول الإسم إلى font-awesome وقم بنقله إلى مجلد فونتس.
وبدل
href="../css/font-awesome.min.css
أكتب
href="../fonts/font-awesme/css/font-awesome.min.css
قم بتعديل المسار (src) ضمن كود @font-face الموجود في ملف الـCSS الخاص بالخط وتأكد من كتابة صيغة الخط ttf او otf في مسار الخط لانها تؤثر ايضاً
وأن لم تنجح فربما يوجد كود
*{font-family:هنا أسم الخط الخاص بك !important;}
اذا كان موجوداً فأضف الى جانب أسم الخط اللذي في الكود أعلاه هذا الكود :
, FontAwesome
وان لم تنجح كلا الطريقتين جرب أخذ اي رابط له من الانترنت واستدعائه بدل وضع ملفاته في القالب
هذه المشكلة تنتج عندما لا يتم استدعاء اسم الخط بشكل صحيح أو ال محتوى content
ويتم استدعاء الخطوط بالطريقتين التاليتن :
إما
<i class="fa fa-check-circle" ></i>
*2 وما بإضافة after أو before مثلا
.nameclass:before {
content: "\f058";
font-family: FontAwesome;
}
لكن في الغالب المشكلة هي عدم صحة قيم content: "\f058"; قم بإعادة كتابتها بالشكل الصحيح كما في المثال الثاني *2
زودني برابط مشروعك لكي أريك الحل بكل سهولة
تحياتي
التعليقات