client/src/sass/include/_fonts.scss

   1 $FontPathSourceSansPro: '~npm-font-source-sans-pro/fonts';
   2 $basePath: '#{$FontPathSourceSansPro}/WOFF2/TTF/SourceSansPro';
   3
   4 @mixin fontface($name, $path, $weight: null, $style: null, $exts: woff2) {
   5   $src: null;
   6   @each $ext in $exts {
   7     $src: append($src, url(quote($path + "." + $ext)) format(quote($ext)), comma);
   8   }
   9   @font-face {
  10     font-family: quote($name);
  11     font-weight: $weight;
  12     font-style: $style;
  13     font-stretch: normal;
  14     font-display: swap;
  15     src: $src;
  16   }
  17 }
  18
  19 @include fontface('Source Sans Pro', '#{$basePath}-Regular.ttf', 400, normal);
  20 @include fontface('Source Sans Pro', '#{$basePath}-It.ttf', 400, italic);
  21 @include fontface('Source Sans Pro', '#{$basePath}-Semibold.ttf', 600, normal);
  22 @include fontface('Source Sans Pro', '#{$basePath}-SemiboldIt.ttf', 600, italic);
  23 @include fontface('Source Sans Pro', '#{$basePath}-Bold.ttf', 700, normal);