Font 

<div class="grid-container pl-spacer-l">
    <div class="grid-x spacer-m">
        <div class="cell medium-4 large-3">
            <div class="pl-font-attribute">Font Name: <strong>Arial</strong></div>
            <div class="pl-font-attribute">Font Type: <strong>Body</strong></div>
            <div class="pl-font-attribute">Font Weight/Style: <strong>bold </strong></div>
        </div>
        <div class="cell auto" style="font-size: 72px; line-height: 72px; font-family: Arial; font-weight: bold; font-style: ">The Quick Brown Fox Jumps Over the Lazy Dog</div>
    </div>
</div>
 
<div class="grid-container pl-spacer-l">     
    {{#each fonts}}
        <div class="grid-x spacer-m">
                <div class="cell medium-4 large-3">
                    <div class="pl-font-attribute">Font Name: <strong>{{name}}</strong></div>
                    <div class="pl-font-attribute">Font Type: <strong>{{type}}</strong></div>
                    <div class="pl-font-attribute">Font Weight/Style: <strong>{{weight}} {{style}}</strong></div>
                </div>
                <div class="cell auto" style="font-size: 72px; line-height: 72px; font-family: {{stack}}; font-weight: {{weight}}; font-style: {{style}}">The Quick Brown Fox Jumps Over the Lazy Dog</div>
        </div>
    {{/each}}
</div>
 
{
  "theme": "default",
  "firstInstance": true,
  "fonts": [
    {
      "name": "Arial",
      "weight": "bold",
      "type": "Body",
      "stack": "Arial"
    }
  ]
}

No notes defined.