https://consta.design/chunk-52e51d368c3f34885119.js

1"use strict";(self.webpackChunk_consta_portal=self.webpackChunk_consta_portal||[]).push([[5057],{57446:(n,s,e)=>{e.r(s),e.d(s,{default:()=>u});var r=e(67294),i=e(85893),t=e(96138);const c=e.p+"asset-font-replace-pic-1__6bb5ae2d.png";var l="/home/runner/work/consta-design-system.github.io/consta-design-system.github.io/src/docs/guidelines/fontInter/__stand__/components/newFontPictures.tsx",h=void 0,o={src:c,alt:"Ошибка: файл слишком большой"},a=function(){return r.createElement("div",{__self:h,__source:{fileName:l,lineNumber:12,columnNumber:5}},r.createElement("img",{src:o.src,alt:o.alt,style:{maxWidth:700},__self:h,__source:{fileName:l,lineNumber:13,columnNumber:7}}))};function d(n){const s=Object.assign({p:"p",h2:"h2",h3:"h3",a:"a",ul:"ul",li:"li",strong:"strong"},n.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.p,{children:"Сейчас шрифт Inter встроен в дизайн-систему: ничего специально настраивать и подключать не нужно. Но если вы используете макеты с другим шрифтом, можете подключить Inter по этой инструкции."}),"\n",(0,i.jsx)(s.h2,{children:"Как поменять шрифт в макетах"}),"\n",(0,i.jsx)(s.h3,{children:"1. Скачайте шрифт Inter"}),"\n",(0,i.jsxs)(s.p,{children:["Вы можете скачать шрифт с ",(0,i.jsx)(s.a,{href:"https://rsms.me/inter/",children:"официального сайта"})," или с ",(0,i.jsx)(s.a,{href:"https://fonts.google.com/specimen/Inter?query=inter",children:"Google Fonts"}),"."]}),"\n",(0,i.jsx)(s.h3,{children:"2. Установите шрифт на ваш компьютер"}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.a,{href:"https://lifehacker.ru/kak-ustanovit-shrift-v-windows-i-macos",children:"Инструкция по установке нового шрифта для Mac OS"})}),"\n",(0,i.jsx)(s.h3,{children:"3. Обновите библиотеки Consta в Figma"}),"\n",(0,i.jsx)(s.p,{children:"Подтяните обновления с новым шрифтом в свои файлы. Скорее всего, вы используете эти библиотеки у себя в макетах, их нужно обновить в первую очередь:"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://www.figma.com/community/file/855746990421795518",children:"Consta Default Typography"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://www.figma.com/community/file/853774806786762374",children:"Consta UI-kit"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://www.figma.com/community/file/1063113573061305628",children:"Consta Geo-kit"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://www.figma.com/community/file/982611119114314434",children:"Consta Charts"})}),"\n"]}),"\n",(0,i.jsx)(s.p,{children:"Остальные файлы в Community предназначены для просмотра, копирования или не используют типографику как экспортируемый ресурс. В них уже установлен новый шрифт, но в Figma вы, скорее всего, не получите уведомлений."}),"\n",(0,i.jsx)(s.h3,{children:"3. Проверьте макеты"}),"\n",(0,i.jsx)(s.p,{children:"Проверьте макеты и убедитесь, что библиотечные компоненты обновились. Это важно для следующих шагов.\nЕсли вы используете локальные компоненты без текстовых стилей из Consta Default Typography, обновление библиотек их не коснется."}),"\n",(0,i.jsx)(s.h3,{children:"4. Замените шрифт там, где не подключены компоненты или стили библиотек"}),"\n",(0,i.jsxs)(s.p,{children:["Для замены шрифта в остальных элементах и компонентах есть плагин ",(0,i.jsx)(s.a,{href:"https://www.figma.com/community/plugin/1100808562040625391",children:"Consta font replacer"}),"."]}),"\n",(0,i.jsxs)(s.p,{children:["API Figma позволяет искать текстовые слои по всему файлу, внутри всех страниц. Если макетов в файле много, плагин обходит слои в проекте очень медленно и редактор часто зависает. Поэтому плагин меняет шрифт не во всём файле сразу, а только ",(0,i.jsx)(s.strong,{children:"на одной странице"}),". Это быстрее и позволяет лучше контролировать процесс замены."]}),"\n",(0,i.jsx)(t.O$,{status:"success",children:(0,i.jsx)(s.p,{children:"Рекомендуем запускать плагин в десктопном клиенте, а не в браузере."})}),"\n",(0,i.jsx)(s.h3,{children:"Как пользоваться плагином"}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.strong,{children:"Шаг 1."})," Установить Inter в систему, если его Ð

1½ÐµÑ‚."]}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.strong,{children:"Шаг 2."})," Установить плагин из Figma Community."]}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.strong,{children:"Шаг 3."})," Открыть рабочий файл."]}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.strong,{children:"Шаг 4."})," Зайти на первую страницу (Page) и запустить плагин (в зависимости от количества артбордов, плагин может работать до 5 минут, именно столько обрабатывалась страница с ~40 артбордами и 24 000 текстовых слоев)."]}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.strong,{children:"Шаг 5."})," Во время работы плагина лучше закрыть все программы, кроме Figma, и ничего не трогать на артбордах."]}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.strong,{children:"Шаг 6."})," Дождаться завершения работы плагина, рандомно прокликав текстовые слои."]}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.strong,{children:"Далее."})," Перейти на другую страницу и вызвать плагин заново. Для других файлов алгоритм такой же."]}),"\n",(0,i.jsx)(s.h2,{children:"Известные проблемы"}),"\n",(0,i.jsx)(s.h3,{children:"«Зависает» компьютер"}),"\n",(0,i.jsx)(s.p,{children:"От такого не застрахован никто."}),"\n",(0,i.jsx)(s.p,{children:"Если проблема повторяется:"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"Перезапустите Figma и плагин."}),"\n",(0,i.jsx)(s.li,{children:"Разбейте макеты с одной на несколько страниц."}),"\n"]}),"\n",(0,i.jsx)(s.h3,{children:"«Поехали» контейнеры с текстом"}),"\n",(0,i.jsx)(a,{}),"\n",(0,i.jsx)(s.p,{children:"Мы в поиске решения. Пока придётся пройти все макеты руками:"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"Исправить значение на Auto width."}),"\n",(0,i.jsx)(s.li,{children:"Проверить позиционирование."}),"\n"]}),"\n",(0,i.jsx)(t.O$,{status:"warning",children:(0,i.jsxs)(s.p,{children:["Вы можете сообщить о проблеме в ",(0,i.jsx)(s.a,{href:"https://t.me/Consta_Chat",children:"чате Consta"}),"."]})})]})}const m=function(n={}){const{wrapper:s}=n.components||{};return s?(0,i.jsx)(s,Object.assign({},n,{children:(0,i.jsx)(d,n)})):d(n)};var x="/home/runner/work/consta-design-system.github.io/consta-design-system.github.io/node_modules/@consta/stand/src/stands/lazyDocs/src_docs_guidelines_fontInter___stand___fontInter_design_stand_mdx.tsx",j=void 0;const u=function(n){var s=n.wrapper,e=n.components;return r.createElement(s,{__self:j,__source:{fileName:x,lineNumber:11,columnNumber:5}},r.createElement(m,{components:e,__self:j,__source:{fileName:x,lineNumber:12,columnNumber:7}}))}}}]);