ویرگول
ورودثبت نام
فاطمه قاسم خانی
فاطمه قاسم خانی
خواندن ۱ دقیقه·۵ سال پیش

نحوه ایجاد آیکون پک (Icon Pack)

آیکن های دلخواهتون رو با فرمت svg دانلود کنید.

برای دانلود آیکن های دلخواهتون می تونید یه سر به این سایت (https://www.flaticon.com) بزنید.

بعد به این سایت (https://icomoon.io) مراجعه کنید تا پکتون رو بسازید.

بعد از کلیک روی IcoMoon App آیکون هاتون رو ایمپورت کنید. تو این صفحه یک سری امکانات هست که می تونید روی آیکون هاتون اعمال کنید، که کنار دکمه ایمپورت قرار داده شده.

در آخر روی دکمه Generate Font کلیک کنید.

تو صفحه بعدی یه پیش نمایش از آیکون هاتون و کانتنت اونها مشاهده می کنید.

تو این صفحه میتونید نام دلخواهتون رو برای هر آیکن انتخاب کنید و بعد از اون بعنوان کلاس توی html استفاده کنید.

حالا دکمه دانلود رو کلیک کنید و پکتون رو تحویل بگیرید.

فایل زیپ شده رو باز کنید، فونتها رو اضافه کنید به پروژه و کل محتوای فایل style.css موجود تو فایل زیپ شده رو کپی کنید و تو فایل css خودتون پیست کنید. آدرس فونت هاتون رو هم اصلاح کنید.

@font-face { font-family: 'icons'; src: url('fonts/icons.eot?k7273n'); src: url('fonts/icons.eot?k7273n#iefix') format('embedded-opentype'), url('fonts/icons.ttf?k7273n') format('truetype'), url('fonts/icons.woff?k7273n') format('woff'), url('fonts/icons.svg?k7273n#icons') format('svg'); }





iconicon packcsshtml
فرانت اند دولوپر
شاید از این پست‌ها خوشتان بیاید