مشکل font awesome

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

ضمن عرض سلام و وقت بخیر

آیکون فونت آسم نمایش داده نمیشه و به جاش یک مربع هست

cdn هم ضمیمه فایل کردم.

سلام. وقتتون بخیر

اول از همه از ف*ی*ل*ت*ر شکن استفاده کنید! ببینید مشکل حل می‌شه؟!

چک کنید اینترنتتونم وصل باشه اگر آفلاین باشید هم مربع نمایش داده می‌شه.

بعد؛

1. مطمئن شید لینک FontAwesome رو به درستی در فایل HTML خودتون اضافه کردید.
لینک زیر یک نمونه استاندارد از نسخه 6 FontAwesome هست:

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">

این لینک رو داخل تگ <head> قرار بدید.
2. مطمئن شید اسم کلاس‌ها رو به درستی می‌نویسید.

3. اگه از کلاس‌های جدید استفاده می‌کنید (مثلاً fas)، اما نسخه قدیمی FontAwesome رو لود کردید، آیکون‌ها نمایش داده نمی‌شن. مطمئن شید که نسخه‌ای که استفاده می‌کنید با کلاس‌های آیکون هماهنگ باشه.

4. اگه در فایل CSS خودتون به تگ <i> یا کلاس‌هایی مثل fa استایل خاصی دادید، ممکنه این استایل‌ها باعث خراب شدن نمایش آیکون‌ها بشه.

بهترین پاسخ

سحر پاشائی ۰۸ بهمن ۱۴۰۳، ۱۰:۴۷