-->
U3F1ZWV6ZTgxNTE0OTE0NjFfQWN0aXZhdGlvbjkyMzQ1MTU0NjUz
recent
أخبار ساخنة

حل مشكلة ظهور خط الأيقونات في القوالب بشكل خاطئ

حل مشكلة ظهور خط الأيقونات في القوالب بشكل خاطئ

FontAwesome SSL Error

خط الأيقونات Font Awesome اصبح تقريباً جزء أساسي من أغلب المواقع وبالتالي عمله بشكل مضبوط ضروري
لكن أصبحت بعض القوالب تواجه مشكله وهي ظهور الأيقونات كرموز غريبه وليس بشكلها المضبوط
والسبب هنا سيكون في شهادة الـ SSl او ما يعرفه الناس بنطاق HTTPS هذه الشهادة لا تتوافق مع المواقع التي لا تكون داعمه لها كمواقع رفع او ان يكون الرابط لا يحتوي HTTPS في بدايته
لذلك تجد الأيقونات عند تفعيلا لشهادة يحدث بها هذا الخلل
والحل بسيط هو تغيير رابط الخط لديك
ستجد غالباً كود الخط مضاف بهذا الشكل
<link href='http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css' rel='stylesheet'/>
لحل المشكلة جرب أن تزيل الجزء المعلم بالأحمر من الكود
ملاحظة قد يكون الرابط على اى موقع آخر بخلاف github.io
لكن بشكل عام الفكرة واحده
ان عمل معك كان بها لم يعمل الحل الآخر وهو تعديل الموقع
استبدل في هذه الحالة الكود الأحمر وباقي الرابط الأزرق كاملا وأضف بدلا منه هذا الرابط فهو رابط آخر إصدار من الخط الرابع وسيكون متوافق مع الشهادة
//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css

والأمر سيكون عامل على اى كود CSS أو JS خارجي في موقعك
لكي يتوافق مع شهادة الـ SSL
الاسمبريد إلكترونيرسالة