دوره زبان تخصصی برای برنامه‌نویسان (هدیه ویژه ثبت‌نام در دوره‌های متخصص) (فرصت محدود ⏰)
۰ ثانیه
۰ دقیقه
۰ ساعت
۴ سحر پاشائی
فونت آیکون
جامعه Html & CSS ایجاد شده در ۲۱ مهر ۱۴۰۱

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

1-از گوگل فونت که می‌خوام استفاده کنم اون لینکی که تو هدر باید بذاریم دو مدله:

Variable icon font

Static icon font

تفاوتشون چیه؟ هرکدوم رو گذاشتم نتیجه فرقی نکرد

2-برای من هم فونت سایز اعمال نشد و از !important استفاده کردم مشکل حل شد

همیشه باید از این دستور استفاده کنیم تا فونت سایز اعمال شه رو گوگل آیکون؟ قانونشه؟!

3-تگ p بلاکی هست اما فونت آیکون رو تو p می‌ذارم بعدی نمیره لاین بعد!!!?

br هم می‌ذارم فاصله زیادی میندازه نسبت به حالت معمول!

سحر پاشائی ۲۱ مهر ۱۴۰۱، ۱۹:۱۶

1 - استاتیکها یسری فونت ثابت هستند که از قبل طراحی شدند و از لحاظ کلفتی ضخامت خیلی تغییر پذیر نیستند و استایلهای محدودی دارند. اما در variable‌ها اغلب یسری امکانات بیشتر برای این موارد در نظر گرفته شده. برای مثال فونت انجمن که کلی استایل مختلف داره رو با یه فونت مثل arial مقایسه کنید.

2- بله باید بگذارید چون معمولا صفحات سایت خودشون یه فونت پیشفرض دارند و اگر !important رو نذارید استایل بازخوانی میشه و درنتیجه فونت تون اعمال نمیشه.

3- اینو متوجه نشدم :) یه نمونه ضمیمه میکنید؟

نازنین کریمی مقدم ۲۳ مهر ۱۴۰۱، ۰۷:۰۸

سلام. بله مثلا اینجا(خط 24 به بعد) که از فونت "آیکون"‌ها استفاده کردم، تگ p با این که بلاکی هست اما فونت آیکونِ بعدی نرفت لاین بعد-مجبور شدم از تگ br استفاده کنم تا آیکون بعدی بره لاین بعد?


سحر پاشائی ۲۳ مهر ۱۴۰۱، ۱۶:۲۸

اها. کلا آیکون در تگهای p و span ازین دردسرا ایجاد میکنه چون واقعا از جنس رشته نیست که تو این تگها قرار بگیره و دچار تناقض میشه و نمیتونه عینا همون رفتار بلاکی رو داشته باشه.

برای رفع مشکل به این صورت عمل کنید:

<p><i class="fa fa-cloud">i>p>

در کل سعی کنید همیشه آیکون رو تو تگ i بگذارید. برای سئو هم بسیار بهتره.

بهترین پاسخ
نازنین کریمی مقدم ۲۴ مهر ۱۴۰۱، ۰۶:۰۹