شهرام نویدی
6 ماه پیش
توسط شهرام نویدی
مطرح شد
استفاده از icon ها در شبه المنت ها
سلام وقتتون بخیر باشه چجوری میشه در css به مثلا before یک المنت اون رو یک ایکون قرار بدی ؟
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
![user-avatar]()
1
اگه از گوگل آیکون استفاده کنی میشه مثلو مقدار بیفر رو بدی search و اون المنت کلاس گوگل فونت رو داشته باشه میشه
مثلا:
<span class="search material-symbols-outlined"></span>.search:before {
content: 'search';
}
محمدحسن یگانه
تخصص :
Full-Stack Web Developer Freel...
@mhyeganeh
6 ماه پیش
مطرح شد
Full-Stack Web Developer Freelancer
گزارش تخلف
کپی کردن
2
بستگی به نحوه استفاده از آیکون هاتون داره. مثلا در حالت FontAwesome به شکل زیر میشه:
el::before{
content: "\e5c5";
font-family: Font Awesome 6 Pro;
font-weight: 400;
display: block;
width: 50px;
aspect-ratio: 1;
//...
}
گزارش تخلف
کپی کردن
1
راه های مختلفی هست ولی من برای اینکه کد بیشتری تو css ام نوشته نشه ترجیح میدم از یک div استفاده کنم
<div class="my-icon">
<svg>...</svg>
<span>my paragraph</span>
</div>