Загрузка...

How to add a font to Figma and the web version of Figma (useful)

Thread in Articles created by Cretor Sep 27, 2024. 441 view

  1. Cretor
    Cretor Topic starter Sep 27, 2024 :smile_love:СОЧНЫЙ ДИЗАЙН lolz.live/threads/7588347 :smile_love: 1414 Aug 23, 2023
    Шрифты в веб-версии Figma


    В веб-версии по умолчанию установлены шрифты из библиотеки Google Fonts . Это большая база, в которой собрано более 1000 популярных, бесплатных шрифтов на разных языках, поэтому установка новых шрифтов для веб-версии будет не такой актуальной.
    [IMG]
    Примеры шрифтов в библиотеке Google Fonts
    Но иногда такая необходимость может возникнуть, если:
    • заказчик дизайн-проекта использует собственный фирменный шрифт, то есть разработанный специально для его компании.
    • вы нашли подходящий для проекта шрифт на стороннем ресурсе, но в библиотеке Google Fonts его нет.
    Еще больше про задачи графического дизайнера вы узнаете на двухдневном практическом интенсиве «профессия графический дизайнер» . А еще расскажут про зарплату и карьерные перспективы — и вы получите полезные материалы для старта в профессии.

    Как установить новый шрифт в веб-версию

    1. Скачайте нужный шрифт на ваш компьютер, откройте файл и нажмите кнопку «Установить».
      Как установить шрифты от гугл в Figma
    2. Перейдите на официальную страницу загрузки компонентов Figma и найдите столбец Font installers.
      Это программа, которая поможет связать шрифты на компьютере с вашей браузерной версией Figma. В столбце выберите вашу операционную систему (macOS или Windows).

      Страница загрузки компонентов в Figma
    3. Скачайте файл InstallFigmaAgent.exe.
      Кликнув по выбранной операционной системе.
    4. Установите программу Figma Agent на компьютер, нажав на кнопку Install.
      Дождитесь окончания установки.
      Скачиваем файл InstallFigmaAgent.exe
    5. Теперь нужно убедиться, что локальные шрифты загрузились в веб-версию Figma.
      Для этого зайдите в ваш аккаунт через браузер, нажав Main menu → Help and account → Account settings. Открывшееся окошко пролистайте до надписи Fonts. Если под ней написано Local fonts are enabled (Локальные шрифты включены). Это значит, что все прошло успешно.

      Проверка загрузки шрифта в Figma
    6. Убедитесь, что ранее установленный шрифт работает
      Выберите его для оформления любого текста в вашем проекте.

      Так выглядит добавленный шрифт в Figma
    В дальнейшем все шрифты, которые вы будете добавлять на компьютер через кнопку «Установить», будут автоматически подтягиваться в Figma в браузере благодаря программе Figma Agent. Но если вы переустановите операционную систему, все описанные выше операции по добавлению шрифтов придется проделать заново, так как Figma Agent связан с конкретной системой.


    Шрифты в десктопном приложении Figma


    Если вы пользуетесь приложением Figma на компьютере, а не в браузере, добавить в него новый шрифт намного проще. Все десктопные приложения умеют работать со шрифтами сразу же после того, как вы установили их в систему.
    То есть для добавления нового шрифта в десктопное приложение Figma нужно:
    Открыть файл со шрифтом и нажать «Установить» на Windows или «Установить шрифт» на macOS.


    :smile_ty: Спаибо за просмотр! :smile_ty:


    1. Скачать его на компьютер.
     
    This article was useful for you?
    You can thank the author of the topic by transferring funds to your balance
    Thank the author
  2. MALWARE
    MALWARE Sep 27, 2024 мяукаю 12,039 Mar 12, 2021
    эм, тот кто пользуется фигмой не может этого не знать... я думал тут будет способ без установки agent, который в фоне всегда запущен.
     
    1. Cretor Topic starter
      MALWARE, я о веб недавно узнал
  3. llimonix
    llimonix Sep 27, 2024 lolz.live/threads/8634402/ - Лучшие телеграмм аккаунты :+rep: 24,051 Jan 20, 2020
    А вот в фотошопе все намного проще , но спасибо тебе за гайд
     
  4. xTayZi
    xTayZi Sep 27, 2024 Топовое комьюнити по игре Rust - https://discord.gg/6npce3Dm 366 Jun 24, 2020
    Куча гайдов на ютубе ничего нового
     
Top
Loading...