client/src/sass/include/_fonts.scss

   1 $FontPathSourceSansPro: '../../node_modules/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   src: url('#{$FontPathSourceSansPro}/WOFF2/TTF/SourceSansPro-Regular.ttf.woff2') format('woff2'),
   9 }
  10
  11 @font-face {
  12   font-family: 'Source Sans Pro';
  13   font-weight: 400;
  14   font-style: italic;
  15   font-stretch: normal;
  16   src: url('#{$FontPathSourceSansPro}/WOFF2/TTF/SourceSansPro-It.ttf.woff2') format('woff2'),
  17 }
  18
  19 @font-face {
  20   font-family: 'Source Sans Pro';
  21   font-weight: 600;
  22   font-style: normal;
  23   font-stretch: normal;
  24   src: url('#{$FontPathSourceSansPro}/WOFF2/TTF/SourceSansPro-Semibold.ttf.woff2') format('woff2'),
  25 }
  26
  27 @font-face {
  28   font-family: 'Source Sans Pro';
  29   font-weight: 600;
  30   font-style: italic;
  31   font-stretch: normal;
  32   src: url('#{$FontPathSourceSansPro}/WOFF2/TTF/SourceSansPro-SemiboldIt.ttf.woff2') format('woff2'),
  33 }
  34
  35 @font-face {
  36   font-family: 'Source Sans Pro';
  37   font-weight: 700;
  38   font-style: normal;
  39   font-stretch: normal;
  40   src: url('#{$FontPathSourceSansPro}/WOFF2/TTF/SourceSansPro-Bold.ttf.woff2') format('woff2'),
  41 }