آموزش ساختن فونت اختصاصی

22 امتیاز

Loading…

آموزش ساختن فونت اختصاصی

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

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

1. بالا رفتن سرعت لود شدن
2. بالارفتن کیفیت آن نسبت به عکس

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

مرحله ی اول (ساختن فونت مورد نظر)

ابتدا باید آیکون مورد نظر خودتان را در برنامه ی adobe illustrator بسازید و قبل از آن چند نکته را رعایت کنید:

1. تک رنگ باشد(از یک رنگ استفاده شود ، بهتر است مشکی باشد)
2. دوبعدی باشد (چند بعدی نباشد) مانند نمونه زیر
3. پس زمینه ی آیکون ساخته شده کاملا خالی باشد

پس از ساخت آیکون مورد نظر برای ذخیره کردن آن ابتدا گزینه ی  File سپس Save As  و SVG را انتخاب می کنیم. (توجه داشته باشید حتما به صورت SVG ذخیره شود)

مرحله ی دوم (تبدیل آیکون به فونت)

در اینجا برای تبدیل فایل SVG به آیکون باید وارد لینک https://icomoon.io/app/#/select شوید . در قسمت بالا سمت چپ سایت دکمه بنفش که داخل آن import icons  نوشته شده را کلیک می کنیم  و فایل SVG ذخیره شده را انتخاب می کنیم. اکنون آیکون شما در سایت ظاهر شده . در قسمت منوی سایت آپشن هایی می بینید که در اینجا با انتخاب هرکدام  آنها می توانید آیکون را حذف کنید ، حرکت دهید یا حتی آن را ویرایش کنید ( می توانید به دلخواه آیکون خودتان را بزرگ یا کوچک کنید و … ).

مرحله ی آخر (ذخیره ی فونت اختصاصی)

همان طور که گفتیم در قسمت منو آپشن هایی وجود دارد در اینجا باید گزینه ی Select را انتخاب کنید و روی آیکون کلیک کنید تا کادر دور آن آیکون ، زرد رنگ شود این گونه آیکون شما انتخاب شده و می توانید آن را ذخیره کنید.

و در آخر برای ذخیره کردن ، در قسمت پایین سمت راست سایت Generate Font را کلیک کنید و Download کنید.