چگونه فونت آیکون خود را بسازیم

در حالت کلی باید گفت مراحل تبدیل تصویر به یک فونت آیکون به صورت زیر می باشد:

۱ – یک تصویر از آیکون مورد نظرتان تهیه کنید. (توجه داشته باشید که این تصویر خطی و تک رنگ باشد ، چرا که پس از تبدیل نقش های دیگر موجود بر روی رنگ پس زمینه معلوم نخواهند بود !)

۲ – تبدیل فایل حاوی تصویر به یک فایل با فرمت svg .

۳ – قرار دادن فایل های svg در یک فونت و آدرس دهی به glyph  ها و در نهایت فراخوانی آن کاراکترها توسط آدرس مورد نظر .

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

خوب فرض کنیم شما تصویرتان را آماده کرده اید برای تبدیل آن به فرمت svg می توانید از سایت : http://online-converting.com/image/convert-to-svg/ استفاده نمایید یا عبارت png to svg converter را در موتور گوگل جستجو نمایید .

پس از تبدیل فایل و ذخیره کردن آن در سیستمتان به سایت https://icomoon.io/app/#/select بروید و با کلیک بر روی دکمه ی import icons فایل svg تان را انتخاب نمایید.

پس از بارگزاری فایل هایتان اسکریپت آنها را برای شما لیست می کند و آدرسی برای هر کدام تعیین می نماید که شما می توانید آن آدرس را به دلخواه تغییر دهید ، همچنین تنظیماتی برای شما نیز وجود دارد که با کمی کار با آن سایت با آنها آشنا می شوید.

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

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

اما اگر به صورت حرفه ای طراحی می نمایید می توانید همه مراحل بالا را در یک مرحله خلاصه نموده و با یک نرم افزار همه را به صورت یکجا انجام دهید!

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

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

موفق باشید.

اگر مفید بود به اشتراک بگذارید ! کلوب فیس نما گوگل پلاس

۴ نظر

  1. با سلام خدمت شما
    من که چیزی نمفهمیدم
    اگه میشه آموزش تصویریشو بذارین
    خواهش می کنم من به این منو احتیاج دارم
    کمکم کنید

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

  2. سلام دوست عزیز الان من فونت خودم رو با نرم افزار font creator ساختم و به پسوندwoff ذخیره کردم الان دقیقا باید چیکار کنم؟؟

جوابی بنویسید

ایمیل شما نشر نخواهد شدخانه های ضروری نشانه گذاری شده است. *

*