🎉 سال نو، مهارت نو، مشاوره رایگان نقشه راه برنامه نویسی (آفر ویژه ثبت نام قبل از افزایش قیمت 🔥)
۰ ثانیه
۰ دقیقه
۰ ساعت
۱ عباس فهیمی
اعمال نشدن فونت
سحر پاشائی حل شده توسط سحر پاشائی

ضمن عرض سلام و خسته نباشید.

زمانی که اول فایل css یا داخل html یک فونت فارسی برای body در نظر میگیرم این فونت روی تگ i که آیکون رو داخلش گذاشتم اعمال نمیشه و برای این منظور حتما باید برای تگ i کلاس تعریف کنم و جداگانه استایل بدم که در این صورت نوشته, فونت مد نظر رو میگیره اما آیکون دیگه نمایش داده نمیشه

وقتی هم که i رو داخل یک تگ buttom قرار میدهم و فونت رو برای تگ buttom تعریف میکنم مشکل نمایش آیکون حل میشه و فونت هم اوکی میشه اما میخوام بدونم چرا فونت رو از استایلی که به تگ body دادم نمیخونه؟؟؟

درود. وقتتون بخیر

وقتی برای body یه فونت فارسی تعریف می‌کنین، این فونت به طور پیش‌فرض به همه‌ی تگ‌ها ارث می‌رسه. اما مشکل اینجاست که تگ‌هایی مثل i که برای آیکون‌ها استفاده می‌شن (مثلاً تو FontAwesome یا Material Icons)، خودشون یه فونت خاص دارن که آیکون‌ها رو نشون می‌ده. حالا اگه فونت فارسی شما بیاد و جای اون فونت مخصوص آیکون بشینه، دیگه اون کاراکترهای مخصوص که آیکون بودن، درست نمایش داده نمی‌شن.

فونتی که برای آیکون‌ها تعریف شده (مثلاً FontAwesome) عملاً داره از یه سری کدهای یونیکد برای نشون دادن آیکون‌ها استفاده می‌کنه. حالا اگه فونت فارسی شما رو اون تگ اعمال بشه، دیگه نمی‌تونه اون کدهای یونیکد رو به درستی رندر کنه و آیکون غیب می‌شه.
از طرف دیگه، استایل پیش‌فرض آیکون‌ها هم ممکنه با استایل کلی body تداخل پیدا کنه.

بهترین پاسخ
سحر پاشائی ۱۳ آذر ۱۴۰۳، ۱۷:۲۳