/ در آموزش اچ تی ام ال, اشتراک رایگان / توسط
آخرین زمان ویرایش:

ساخت آیکون فونت اختصاصی به سادگی

(جهت دانلود و اطلاعات بیشتر به ادامه مطلب مراجعه نمائید)


با سلام و خسته نباشید خدمت  کاربران سایت داده باران

آیکون فونت ها چند وقتی است که در طراحی سایت به جای تصاویر و آیکون های معمولی مورد استفاده قرار می گیرند و علاوه بر سادگی استفاده باعث پایین آمدن حجم لود سایت تا حد قابل توجهی می شوند. معروف ترین آیکون فونت های رایگان مورد استفاده، احتمالا آیکون فونت های پیشفرض بوت استرپ و آیکون فونت های Font Awesome می باشند.

هرچند استفاده از این آیکون فونت ها، حجم لود سایت را تا حد زیادی پایین می آورند اما یکی از معایب آنها، تعداد بسیار بالای آیکون ها (چند صد آیکون) می باشد که در بیشتر مواقع علنا از ۲۰ تا ۳۰ آیکون استفاده می شود و بقیه آیکون ها فقط حجم لود را بیشتر می کنند. بهترین راه حل این مشکل، شاید ساخت آیکون فونت اختصاصی باشد. در این آموزش با نحوه ساخت آیکون فونت اختصاصی در عرض چند دقیقه آشنا می شویم.

۱ – انتخاب فونت ها

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

بعد از انتخاب آیکون های مدنظرتان از قسمت پایین صفحه سمت راست روی گزینه Generate Font کلیک کنید. در صورتی که می خواهید آیکون ها در فرمت های دیگر (مثلا SVG، PNG و …) ساخته شوند، از پایین صفحه گزینه سمت چپ را کلیک نمایید.

۲ – تولید فونت و آیکون ها

پس از کلیک روی گزینه Generate Font در مرحله بعدی با صفحه زیر مواجه می شوید که می توانید از پایین صفحه سمت راست با کلیک روی گزینه Download ، فونت ها و فایل های مربوطه را دانلود نمایید.

۳ – نحوه استفاده از فونت ها

در صورتی که نشانگر ماوس را مطابق تصویر زیر روی یکی از فونت ها در این صفحه ببرید، گزینه Get Code نمایان خواهد شد.

با کلیک روی گزینه Get Code صفحه پاپ آپ زیر برای شما نمایان می شود که در آن کد نحوه استفاده از فونت به روش های مختلف قابل مشاهده است.

 

امیدواریم از این آموزش امروز ، استفاده کافی برده باشید. منتظر آموزش های جدید و پر محتوای داده باران باشید

نوشته های مشابه

دانلود اسکریپت انجمن ساز IPB 3.4.8 همراه فارسی ساز

(جهت دانلود و اطلاعات بیشتر به ادامه مطلب مراجعه نمائید) (بیشتر…)

دانلود قالب فتوگرافی و نمونه کار Photolio نسخه ۱٫۷٫۷ برای وردپرس

(جهت دانلود و اطلاعات بیشتر به ادامه مطلب مراجعه نمائید) (بیشتر…)

 کانال تلگرام داده باران شارژ آنلاین

نظری بدهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *