Vebego Component Library

Fonts 

<h1 class="atm-heading ">Puffin display</h1>

<div class="mb-4">
    <div class="atm-paragraph text-md">Adapted from its precursor Aglet Slab, the sans has been thoroughly and sensitively redrawn to stand on its own soft feet. Used together, the two faces form a robust, flexible typographic palette of seven matched weights with true italics and an extensive set of symbols.</div>
</div>
<a class="atm-link " href="https://fonts.adobe.com/fonts/aglet-sans" title="https://fonts.adobe.com/fonts/aglet-sans" aria-label="" target="" rel="noopener noreferrer">https://fonts.adobe.com/fonts/aglet-sans <i class="atm-icon  far fa-external-link   "></i>
</a>
 
{{ render '@heading' heading merge=true}}
<div class="mb-4">{{ render '@paragraph' paragraph merge=true}}</div>
{{ render '@link--with-icon' link merge=true}}
 
{
  "heading": {
    "tag": "h1",
    "text": "Puffin display"
  },
  "paragraph": {
    "text": "Adapted from its precursor Aglet Slab, the sans has been thoroughly and sensitively redrawn to stand on its own soft feet. Used together, the two faces form a robust, flexible typographic palette of seven matched weights with true italics and an extensive set of symbols."
  },
  "link": {
    "href": "https://fonts.adobe.com/fonts/aglet-sans",
    "title": "https://fonts.adobe.com/fonts/aglet-sans",
    "text": "https://fonts.adobe.com/fonts/aglet-sans"
  }
}
  • Content: 
    html
{
    @apply font-body font-normal text-md text-gray;
}

body
{
    
}
  • URL: /components/raw/fonts/fonts.css
  • Filesystem Path: src\components\01-base\fonts\fonts.css
  • Size: 85 Bytes

No notes defined.