enfrancais-app/assets/css/base/_fonts.scss

@import '../fonts/libertinus/libertinus.css';
@import '../fonts/notosans/notosans.css';
// @import '../fonts/notosans/notosans-semicondensed.css';
// @import '../fonts/notosans/notosans-condensed.css';
// @import '../fonts/notosans/notosans-extracondensed.css';

@mixin fontsans {
  font-family: "noto_sans";
}
@mixin fontserif {
  font-family: 'libertinus_serif';
}

body{
  @include fontserif;
  font-weight: 400;

  // font-family: 'noto_sans';
  // font-weight: 900;
  // font-style: italic;
}

#header-menu,
#footer-tabs,
#search,
footer[role="tools"] .row>header,
footer[role="tools"] .row>nav{
  @include fontsans;
}
@mixin title1blue {
  @include fontserif;
  font-size: 2.268em;
  color: $bleuroi;
  font-weight: 400;
  margin:0;
}

@mixin title1black {
  @include fontserif;
  font-size: 1.512em;
  color: $grisfonce;
  font-weight: 400;
  margin:0;
}

@mixin title2black {
  @include fontserif;
  font-size: 1.134em;
  color: $grisfonce;
  font-weight: 400;
  margin:0;
}

@mixin title3black {
  @include fontserif;
  font-size: 1em;
  color: $grisfonce;
  font-weight: 400;
  margin:0;
}

@mixin title4black {
  @include fontserif;
  font-size: 0.882em;;
  color: $gris;
  font-weight: 400;
  margin:0;
}

// TEI

@mixin teititlefrontblue {
  @include fontserif;
  font-size: 2.6em;
  color: $bleuroi;
  font-weight: 400;
  margin:0;
  text-align: center;
}

@mixin teititle1blue {
  @include fontserif;
  font-size: 1.8em;
  color: $bleuroi;
  font-weight: 400;
  margin:0;
}

@mixin fontcaption {
  @include fontsans;
  font-size: 0.643em;
  line-height: 1.1em;
}