raha-ab
سلام وقتتون بخیر باشه
امیدوارم خوب باشید
ببینید واسه استفاده فونت دلخواهتون، به صورت عادی، فونت رو توسط دستور font-face به قالب معرفی کنید و با همین شورتکد خود قالب، ویژگی ها رو اضافه کنید و یک آیکن از خود قالب بهش بدید.
بعد از اینکه ویژگی ها با آیکن قالب رو اضافه کردید، سلکتور اون آیکن رو پیدا کنید و فونت دلخواهتون رو با استایل جایگزین کنید.
یعنی با Inspect مرورگر، اون آیکن رو انتخاب کنید تا سلکتور دقیق اون آیکن به دست بیاد. معمولا سلکتور آیکن یک خاصیت به این صورت داخلش هست:
content: "/f40f";
این سلکتور رو شما انتخاب می کنید و با font-family
و content
دلخواهتون به صورت important
اصلاحش می کنید و دستور استایل رو قرار میدید تا آیکن موردنظرتون جایگزین بشه!
مثلا فرض می کنیم سلکتون آیکن موردنظرمون .icon-star:before
هست، سلکتور رو با فونت دلخواهمون به اینصورت بازنویسی می کنیم:
.icon-star:before {
font-family: "custom font icon" !important;
content: "/f010" !important;
}
به این ترتیب آیکن دلخواه جایگزین آیکن میشه.
فقط برای دقیق تر کردن سلکتور، حتما کلس یا آی دی اون محدوده ای که ویژگی ها داخلش هست رو توی سلکتور استایل وارد کنید که بقیه آیکن های قالب با این سلکتور، جایگزین نشن و فقط آیکن همون قسمت ویژگی کارت محصولات آیکنش جایگزین بشه.