AFW Pattern Lab

Typography: Caveat 

<div class="sg sg-typography">
    <div class="sg-typography__type">
        <div class="sg-typography__name">Caveat</div>
        <p class="h1-style mb-0 fw-900" style="font-family:'Caveat', cursive;">Caveat</p>
        <p class="h2-style mb-0" style="font-family:'Caveat', cursive;fontWeight:400">&#39;Caveat&#39;, cursive</p>
        <p style="font-family:'Caveat', cursive;font-weight:400">abcdefghijklmnopqrstuvwxyz<br />ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />1234567890</p>
    </div>
</div>
 
<div class="sg sg-typography">
    <div class="sg-typography__type">
        <div class="sg-typography__name">{{name}}</div>
        <p class="h1-style mb-0 fw-900" style="font-family:{{fontFamily|safe}};">{{name}}</p>
        <p class="h2-style mb-0" style="font-family:{{fontFamily|safe}};fontWeight:{{fontWeight|safe}}">{{fontFamily}}</p>
        <p style="font-family:{{fontFamily|safe}};font-weight:{{fontWeight|safe}}">abcdefghijklmnopqrstuvwxyz<br/>ABCDEFGHIJKLMNOPQRSTUVWXYZ<br/>1234567890</p>
    </div>
</div>
 
{
  "name": "Caveat",
  "fontFamily": "'Caveat', cursive",
  "fontWeight": 400
}

No notes defined.