Загрузка...

Как добавить шрифт в Figma и в веб версию Figma (полезно)

Тема в разделе Статьи создана пользователем Cretor 27 сен 2024. 442 просмотра

  1. Cretor
    Cretor Автор темы 27 сен 2024 :smile_love:СОЧНЫЙ ДИЗАЙН lolz.live/threads/7588347 :smile_love: 1426 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. Скачать его на компьютер.
     
    Этот материал оказался полезным?
    Вы можете отблагодарить автора темы путем перевода средств на баланс
    Отблагодарить автора
  2. MALWARE
    MALWARE 27 сен 2024 мяукаю 12 041 12 мар 2021
    эм, тот кто пользуется фигмой не может этого не знать... я думал тут будет способ без установки agent, который в фоне всегда запущен.
     
    1. Cretor Автор темы
      MALWARE, я о веб недавно узнал
      27 сен 2024 Изменено
  3. llimonix
    llimonix 27 сен 2024 lolz.live/threads/8634402/ - Лучшие телеграмм аккаунты :+rep: 24 053 20 янв 2020
    А вот в фотошопе все намного проще , но спасибо тебе за гайд
     
  4. xTayZi
    xTayZi 27 сен 2024 Топовое комьюнити по игре Rust - https://discord.gg/6npce3Dm 366 24 июн 2020
    Куча гайдов на ютубе ничего нового
     
Top
Загрузка...