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

خط الأيقونات 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