$font-files-path: '@/assets/fonts/';

// this is the same as the latin range that google uses.
// see for example the unicode-range definition here:
// https://fonts.googleapis.com/css2?family=Open+Sans
$unicode-range: "U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,\
  U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,\
  U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD";

@font-face {
  font-family: 'Quicksand';
  src: url($font-files-path + 'Quicksand[wght]_a912b486.woff2') format('woff2-variations');
  src: url($font-files-path + 'Quicksand[wght]_a912b486.woff2') format('woff2') tech('variations');
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  unicode-range: $unicode-range;
}

@font-face {
  font-family: 'Open Sans';
  src: url($font-files-path + 'OpenSans[wght]_0f3a8072.woff2') format('woff2-variations');
  src: url($font-files-path + 'OpenSans[wght]_0f3a8072.woff2') format('woff2') tech('variations');
  font-weight: 400 700;
  font-display: swap;
  unicode-range: $unicode-range;
}

@font-face {
  font-family: 'Open Sans';
  src: url($font-files-path + 'OpenSans-Italic[wght]_f8c82d6f.woff2') format('woff2-variations');
  src: url($font-files-path + 'OpenSans-Italic[wght]_f8c82d6f.woff2') format('woff2') tech('variations');
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
  unicode-range: $unicode-range;
}
