Penpot/penpot-exporter-figma-plugin
0
Fork 0
mirror of https://github.com/penpot/penpot-exporter-figma-plugin.git synced 2025-01-18 05:22:28 -05:00
Code Issues Activity

updated copies for custom fonts help (#116)

Browse source
This commit is contained in:
Alex Sánchez 2024-05-27 09:46:11 +02:00 • committed by GitHub
parent cc5553ce7c
commit aafb9cf342
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 18 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
.changeset/proud-ducks-heal.md Normal file
View file

@ -0,0 +1,5 @@
---
"penpot-exporter": minor
---
Updated copies for custom fonts help

15
ui-src/components/MissingFontsSection.tsx
View file

@ -19,7 +19,7 @@ export const MissingFontsSection = ({ fonts }: MissingFontsSectionProps) => {
<span>To export your file with custom fonts, please follow these steps:</span> <span>To export your file with custom fonts, please follow these steps:</span>
<Stack as="ol" space="xsmall" style={{ paddingLeft: '1rem' }}> <Stack as="ol" space="xsmall" style={{ paddingLeft: '1rem' }}>
<li> <li>
Upload your local fonts in Penpot. Before exporting the file, upload your custom local fonts in Penpot.
<br /> <br />
<Link <Link
href="https://help.penpot.app/user-guide/custom-fonts/" href="https://help.penpot.app/user-guide/custom-fonts/"
@ -29,7 +29,18 @@ export const MissingFontsSection = ({ fonts }: MissingFontsSectionProps) => {
Learn how to do it. Learn how to do it.
</Link> </Link>
</li> </li>
<li>Copy and paste the font IDs from Penpot below.</li> <li>
Follow this{' '}
<Link
href="https://github.com/penpot/penpot-exporter-figma-plugin/wiki/Step-by-Step-guide-to-finding-Font-Ids-in-Penpot"
target="_blank"
rel="noreferrer"
>
step-by-step guide
</Link>{' '}
to locate and copy the font IDs from Penpot
</li>
<li>Return here and paste the font IDs in the section below</li>
</Stack> </Stack>
</Stack> </Stack>
{fonts.map(font => ( {fonts.map(font => (