/*
  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_fonts/Variable_fonts_guide
  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_fonts/Variable_fonts_guide#using_a_variable_font_font-face_changes


@font-face {
  font-family: "HelveticaNow";
  font-weight: 300 700;
  font-stretch: normal;
  font-display: swap;

  src: url("path/to/font/file/my-variable-font.woff2")
    format("woff2-variations");

  font-style: normal;
}

*/
// $url: "https://www.strongtie.com/_ui";
$url: "https://www.strongtie.com/studs/font/helvetica-now";
// $url: "/fonts";

@font-face {
  font-family: "HelveticaNowRoman";
  font-weight: 1 1000;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src:  url($url + '/HelveticaNowVariableRoman_normal_normal.woff2') format('woff2'),
        url($url + '/HelveticaNowVariableRoman_normal_normal.woff') format('woff'),
        url($url + "/HelveticaNowVar.ttf") format("truetype");
}
@font-face {
  font-family: "HelveticaNowItalic";
  font-weight: 1 1000;
  font-style: italic;
  font-stretch: normal;
  font-display: swap;
  src:  url($url + '/HelveticaNowVariableItalic_italic_normal.woff2') format('woff2'),
        url($url + '/HelveticaNowVariableItalic_italic_normal.woff') format('woff'),
        url($url + "/HelveticaNowVar-Italic.ttf") format("truetype");
}

:root {
  --font-family: "HelveticaNowRoman","Helvetica", "Arial", sans-serif;
  --font-weight: 400;
  --font-width: 100;
  --font-size  : 1rem;
  --font-style : normal;
}

