Product Designer – Fonts

Fonts allow users to pick a a style for text layers.

  {"name": "Helvetica"},
  {"name": "Times New Roman"},
  {"name": "Arial"},
  {"name": "Lobster", "url": "google"}


  • Wrap everything inside square brackets set [].
  • Each curly bracket set {} directly under square bracket set [] represent a font.
  • Each product layer has 2 main properties. Each property and its value will be inside quotes “” and separated by colon. There are 2 main properties for each layer;
    • “name”: Name of the font. Needs to be inside single quotes.
    • “url”: This isn’t applicable to default fonts that are available on computers. For Google fonts, use ‘google’.