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

چه از Figma برای نمونه‌سازی، طراحی رابط کاربری یا آماده‌سازی طرح‌بندی برای تیم توسعه‌دهنده‌تان استفاده می‌کنید، باید بدانید که چگونه فونت‌ها و فونت‌های خود را حذف کنید.

در این مقاله، شما را از طریق فرآیند افزودن و وارد کردن فونت به Figma راهنمایی می‌کنیم، در مورد “خدمات فونت” Figma بحث می‌کنیم و نکات مفیدی برای استفاده از فونت‌های مختلف در طراحی‌های خود ارائه می‌دهیم.

بیش از 2 میلیون قالب گرافیکی Figma و بیشتر با دانلود نامحدود

هزاران قالب گرافیکی Figma، کیت‌های رابط کاربری و قالب‌های وب را با عضویت در Envato Elements دانلود کنید. از 16 دلار در ماه شروع می شود و به شما دسترسی نامحدود به کتابخانه رو به رشدی از بیش از 2000000 قالب Figma، دارایی های طراحی، گرافیک، تم، عکس و موارد دیگر را می دهد.

الگوهای Figma را کاوش کنید

اضافه کردن فونت به Figma

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

نصب فونت در ویندوز

  • فایل فونت (معمولا با فرمت ttf یا otf.) را از یک منبع معتبر دانلود کنید.
  • فایل دانلود شده را در پوشه دانلودها یا پوشه ای که آن را در آن ذخیره کرده اید پیدا کنید.
  • روی فایل فونت کلیک راست کرده و “Install” یا “Install for all users” را انتخاب کنید.
  • اکنون فونت در لیست فونت Figma نصب و در دسترس خواهد بود.

نصب فونت در macOS

  • فایل فونت (معمولا با فرمت ttf یا otf.) را از یک منبع معتبر دانلود کنید.
  • فایل دانلود شده را پیدا کرده و دوبار کلیک کنید تا باز شود.
  • در برنامه Font Book که باز می شود، روی دکمه “Install Font” کلیک کنید.
  • اکنون فونت در لیست فونت Figma نصب و در دسترس خواهد بود.

پس از نصب فونت بر روی رایانه خود، هنگام استفاده از برنامه دسکتاپ، باید به طور خودکار در لیست فونت Figma ظاهر شود.

وارد کردن فونت از فونت گوگل

Figma همچنین به شما امکان می دهد فونت ها را مستقیماً از آن وارد کنید فونت های گوگل. این به شما امکان دسترسی به طیف گسترده ای از فونت های با کیفیت بالا و رایگان را می دهد. برای وارد کردن فونت های گوگل به Figma مراحل زیر را دنبال کنید:

  1. پروژه Figma خود را باز کنید و ابزار Text را انتخاب کنید.
  2. روی منوی کشویی فونت در پانل خواص کلیک کنید.
  3. در پایین منو، روی «افزودن بیشتر از فونت‌های Google…» کلیک کنید.
  4. فونتی را که می‌خواهید اضافه کنید، مرور یا جستجو کنید، سپس روی «افزودن به پروژه» کلیک کنید.
  5. فونت انتخاب شده اکنون در پروژه Figma شما در دسترس خواهد بود.

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

استفاده از فونت از Adobe Fonts (Typekit)

اگر اشتراک Adobe Creative Cloud دارید، می توانید از آن استفاده کنید فونت های Adobe (قبلا Typekit) در Figma. این به شما امکان دسترسی به مجموعه گسترده ای از فونت های برتر را می دهد. در اینجا نحوه استفاده از فونت های Adobe در Figma آورده شده است:

  1. با ورود به حساب کاربری خود در وب سایت Adobe Fonts و فعال کردن فونت هایی که می خواهید استفاده کنید، اطمینان حاصل کنید که فونت های Adobe شما با حساب Creative Cloud شما همگام شده است.
  2. Figma را باز کنید و به «Help» > «Account Settings» بروید.
  3. در قسمت «Adobe Fonts»، روی «Connect» کلیک کنید و با حساب Adobe خود وارد شوید.
  4. فونت های Adobe همگام سازی شده شما اکنون در لیست فونت های Figma در دسترس خواهند بود.

با اتصال حساب Adobe خود به Figma، می توانید به طور یکپارچه از کتابخانه Adobe Fonts خود در پروژه های Figma خود استفاده کنید.

با استفاده از سرویس فونت Figma

سرویس فونت Figma به شما این امکان را می دهد که هنگام کار در نسخه مرورگر Figma از فونت های سفارشی استفاده کنید. زمانی که به برنامه دسکتاپ دسترسی ندارید این کار مفید است. در اینجا نحوه استفاده از سرویس فونت Figma آمده است:

  1. بازدید کنید صفحه راهنمای فونت Figma و Figma Font Helper را برای سیستم عامل خود دانلود کنید.
  2. با دنبال کردن دستورالعمل های روی صفحه، Figma Font Helper را نصب کنید.
  3. پس از نصب، Figma Font Helper را اجرا کنید و مطمئن شوید که در پس‌زمینه اجرا می‌شود.
  4. در مرورگر خود وارد Figma شوید و پروژه خود را باز کنید.
  5. Figma اکنون فونت های سفارشی نصب شده بر روی رایانه شما را شناسایی می کند و می توانید از آنها در پروژه های مبتنی بر مرورگر خود استفاده کنید.

استفاده از سرویس فونت Figma تضمین می کند که شما به فونت های سفارشی خود دسترسی دارید، حتی زمانی که در نسخه مرورگر Figma کار می کنید.

نکاتی برای استفاده از فونت های مختلف در Figma

انتخاب فونت های مناسب برای طرح های شما بسیار مهم است. هنگام کار با فونت ها در Figma این نکات را در نظر داشته باشید:

  1. انتخاب فونت خود را محدود کنید: برای حفظ ظاهر منسجم و بهبود خوانایی به دو یا سه فونت بچسبید. استفاده از فونت های زیاد می تواند طراحی شما را به هم ریخته و بی نظم جلوه دهد.
  2. فونت ها را هوشمندانه جفت کنید: برای ایجاد علاقه بصری، یک سریف و یک فونت sans-serif یا فونت هایی با سبک های متضاد را ترکیب کنید. این می تواند به هدایت توجه بیننده به عناصر خاص در طراحی شما کمک کند. به دنبال فونت‌هایی باشید که ویژگی‌های مشابهی دارند، مانند ارتفاع x یا عرض ضربه، برای اطمینان از جفت شدن هماهنگ.
  3. سلسله مراتب را در نظر بگیرید: برای ایجاد سلسله مراتب بصری و هدایت توجه بیننده از وزن، اندازه و سبک فونت های مختلف استفاده کنید. برای مثال، از فونت‌های پررنگ یا بزرگ‌تر برای سرفصل‌ها و از فونت‌های کوچک‌تر با وزن منظم برای متن اصلی استفاده کنید.
  4. تست خوانایی: اطمینان حاصل کنید که فونت های انتخابی شما به راحتی در اندازه های مختلف و در دستگاه های مختلف قابل خواندن هستند. طرح های خود را با مشاهده آنها در سطوح مختلف زوم و وضوح های مختلف صفحه آزمایش کنید.
  5. آن را ثابت نگه دارید: از فونت های مشابه در پروژه طراحی خود استفاده کنید تا ظاهری یکپارچه داشته باشید. ثبات در تایپوگرافی به ایجاد ظاهری حرفه ای و تقویت هویت برند شما کمک می کند.
  6. مراقب صدور مجوز باشید: هنگام استفاده از فونت های سفارشی، همیشه شرایط مجوز را بررسی کنید تا مطمئن شوید که حق استفاده از آنها را در پروژه های خود دارید. برخی از فونت ها ممکن است نیاز به مجوز تجاری داشته باشند یا محدودیت های خاصی داشته باشند.
  7. بهینه سازی برای عملکرد: اگر برای وب طراحی می‌کنید، از فونت‌های ایمن برای وب یا بهینه‌سازی فونت‌های سفارشی برای کاهش حجم فایل و بهبود زمان بارگذاری صفحه استفاده کنید. این می تواند به ایجاد یک تجربه کاربری بهتر کمک کند.

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

با درک فرآیند افزودن و وارد کردن فونت ها و همچنین استفاده از سرویس فونت Figma، می توانید کتابخانه فونت خود را گسترش دهید و پروژه های طراحی خود را ارتقا دهید.