client/src/sass/include/_fonts.scss

   1 $FontPathSourceSansPro: '~npm-font-source-sans-pro/fonts';
   2
   3 @font-face {
   4   font-family: 'Source Sans Pro';
   5   font-weight: 400;
   6   font-style: normal;
   7   font-stretch: normal;
   8   font-display: swap;
   9   src: url('#{$FontPathSourceSansPro}/WOFF2/TTF/SourceSansPro-Regular.ttf.woff2') format('woff2'),
  10 }
  11
  12 @font-face {
  13   font-family: 'Source Sans Pro';
  14   font-weight: 400;
  15   font-style: italic;
  16   font-stretch: normal;
  17   font-display: swap;
  18   src: url('#{$FontPathSourceSansPro}/WOFF2/TTF/SourceSansPro-It.ttf.woff2') format('woff2'),
  19 }
  20
  21 @font-face {
  22   font-family: 'Source Sans Pro';
  23   font-weight: 600;
  24   font-style: normal;
  25   font-stretch: normal;
  26   font-display: swap;
  27   src: url('#{$FontPathSourceSansPro}/WOFF2/TTF/SourceSansPro-Semibold.ttf.woff2') format('woff2'),
  28 }
  29
  30 @font-face {
  31   font-family: 'Source Sans Pro';
  32   font-weight: 600;
  33   font-style: italic;
  34   font-stretch: normal;
  35   font-display: swap;
  36   src: url('#{$FontPathSourceSansPro}/WOFF2/TTF/SourceSansPro-SemiboldIt.ttf.woff2') format('woff2'),
  37 }
  38
  39 @font-face {
  40   font-family: 'Source Sans Pro';
  41   font-weight: 700;
  42   font-style: normal;
  43   font-stretch: normal;
  44   font-display: swap;
  45   src: url('#{$FontPathSourceSansPro}/WOFF2/TTF/SourceSansPro-Bold.ttf.woff2') format('woff2'),
  46 }