Rise Company
13-01-2022, 06:32
ووردبريس WordPress بلوجن wp-rocket حل مشكلة الايقونات Removes unused CSS
wp rocket issue with font awesome
https://www.rise.company/upload/uploads/164204880015271.png
Webfonts within stylesheets
If you've checked the above and are still having an issue with icons showing up,
it could be due to the fact that sometimes a webfont is called from within a stylesheet like this:
https://www.rise.company/forum/images/imported/2022/01/6.jpg
In this case, the necessary headers are not being applied to the font, so it still doesn't show up.
You can find out which stylesheet contains the reference to the font by using the developer tools in your browser:
https://www.rise.company/forum/images/imported/2022/01/7.jpg
المشكلة :
عند تفعيل Removes unused CSS تختفى بعض الايقونات font awesome icons
حل المشكلة :
https://www.rise.company/upload/uploads/164204851483611.png
ضع هذا الكود فى css safelist
/wp-content/plugins/elementor/assets/lib/font-awesome/css/(.*).css
ملحوظة بعد وضع الكود هتجد المشكلة تم حلها فورا دون الحاجة لاعادة توليد css مرة اخري
النتيجة
https://www.rise.company/upload/uploads/164204880020792.png
المرجع:
https://docs.wp-rocket.me/article/24-resolving-issues-with-cdn-and-fonts-icons
wp rocket issue with font awesome
https://www.rise.company/upload/uploads/164204880015271.png
Webfonts within stylesheets
If you've checked the above and are still having an issue with icons showing up,
it could be due to the fact that sometimes a webfont is called from within a stylesheet like this:
https://www.rise.company/forum/images/imported/2022/01/6.jpg
In this case, the necessary headers are not being applied to the font, so it still doesn't show up.
You can find out which stylesheet contains the reference to the font by using the developer tools in your browser:
https://www.rise.company/forum/images/imported/2022/01/7.jpg
المشكلة :
عند تفعيل Removes unused CSS تختفى بعض الايقونات font awesome icons
حل المشكلة :
https://www.rise.company/upload/uploads/164204851483611.png
ضع هذا الكود فى css safelist
/wp-content/plugins/elementor/assets/lib/font-awesome/css/(.*).css
ملحوظة بعد وضع الكود هتجد المشكلة تم حلها فورا دون الحاجة لاعادة توليد css مرة اخري
النتيجة
https://www.rise.company/upload/uploads/164204880020792.png
المرجع:
https://docs.wp-rocket.me/article/24-resolving-issues-with-cdn-and-fonts-icons