Europa Component Library

Font

Documentation • Demo

EMA Font

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In dui arcu, commodo ut odio non, luctus consequat mauris. Vestibulum in congue felis. Nunc vitae ornare dolor. Duis quis malesuada eros. Vivamus auctor magna eu ex dapibus, eu tempor arcu auctor.</p>
<p><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus maximus vulputate pretium.</strong></p>
<p><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus maximus vulputate pretium.</em></p>
<p><u>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus maximus vulputate pretium.</u></p>
<p><small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus maximus vulputate pretium.</small></p>
 
/* No context defined for this component. */
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In dui arcu, commodo ut odio non, luctus consequat mauris. Vestibulum in congue felis. Nunc vitae ornare dolor. Duis quis malesuada eros. Vivamus auctor magna eu ex dapibus, eu tempor arcu auctor.</p>
<p><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus maximus vulputate pretium.</strong></p>
<p><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus maximus vulputate pretium.</em></p>
<p><u>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus maximus vulputate pretium.</u></p>
<p><small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus maximus vulputate pretium.</small></p>
  • Content: 
    // EMA fonts

html {
  font-size: 90%;

  @include ecl-media-breakpoint-up(md) {
    font-size: 100%;
  }
}

body {
  color: map-get($ema-colors, 'black');
  font-family: $ema-font-family-base;
}

small {
  font-size: map-get($ecl-font-size, 's');
}
  • URL: /components/raw/ema-typography-fonts/ema-typography-fonts.scss
  • Filesystem Path: framework/content/ema-typography/ema-typography-fonts/ema-typography-fonts.scss
  • Size: 250 Bytes
  • Handle: @ec-europa/ema-typography-fonts
  • Preview:
  • Filesystem Path: framework/content/ema-typography/ema-typography-fonts/ema-typography-fonts.twig