UHasselt Component Library

Fonts 

<h1 class="heading ">
    Hind
</h1>
<div class="mb-4">
    <div class='paragraph '>Hind is an Open Source typeface supporting the Devanagari and Latin scripts. Developed explicitly for use in User Interface design, the Hind font family includes five styles. Hind’s letterforms have a humanist-style construction, which is paired with seemingly monolinear strokes. Most of these strokes have flat endings: they either terminate with a horizontal or a vertical shear, rather than on a diagonal. This helps create clear-cut counter forms between the characters. In addition to this, Hind’s letterforms feature open apertures. The entire typeface family feels very legible when used to set text.</div>
</div>
 
{{ render '@heading' heading merge=true}}
<div class="mb-4">{{ render '@paragraph' paragraph merge=true}}</div>
 
{
  "heading": {
    "tag": "h1",
    "text": "Hind"
  },
  "paragraph": {
    "text": "Hind is an Open Source typeface supporting the Devanagari and Latin scripts. Developed explicitly for use in User Interface design, the Hind font family includes five styles. Hind’s letterforms have a humanist-style construction, which is paired with seemingly monolinear strokes. Most of these strokes have flat endings: they either terminate with a horizontal or a vertical shear, rather than on a diagonal. This helps create clear-cut counter forms between the characters. In addition to this, Hind’s letterforms feature open apertures. The entire typeface family feels very legible when used to set text."
  },
  "link": {
    "href": "https://fonts.google.com/specimen/Hind",
    "title": "https://fonts.google.com/specimen/Hind",
    "text": "https://fonts.google.com/specimen/Hind"
  }
}
  • Content: 
    html {
    /* To force 8px grid */
    @apply text-root flex;
}

body {
    @apply w-full text-md bg-white;

    font-family: 'Hind', sans-serif;

    &.add-padding {
        @screen lg {
            padding-top: 180px;
        }
    }
}
  • URL: /components/raw/fonts/fonts.css
  • Filesystem Path: src\components\01-base\fonts\fonts.css
  • Size: 254 Bytes

No notes defined.