Custom font is not showing up in Plasmic Studio

Plasmic Studio Questions
#1

:wave: First time here, and a bit newbie with both Plasmic and Gatsby.

My issue is with a custom font called “Outfit” which I cannot add it correctly while using Gatsby.

  1. I have created the /styles/global.css file and imported it into the gatsby-ssr.tsx file. (I think this is irrelevant for making this work, since is only the preload)
  2. I imported the global.css into the index.tsx file.
    :information_source: Forgot to mention, that the variable font file was added in the /static/fonts directory.

image.png

image.png
image.png1018×428 41.2 KB

image.png
image.png1696×1262 212 KB

image.png
image.png1096×656 69.9 KB

#2

image.png
image.png732×112 7.4 KB

#3

Oh, I think I missed this part of documention. Still, I can’t use that font as default style. :disappointed:

Edit:
Ok, I figured out that you can manually add its name in the Custom fonts area, and it will be displayed in Default styles as well.

:white_check_mark: This issue can be treated more like an UX issue, rather than a technical bug.

image.png
image.png1570×204 23.9 KB

#4

Sorry for that. We will try to improve the experience in the future!