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’.