$font-path: "../webfonts" !default;

@font-face {
  font-family: "JohnstonITC";
  src: url("#{$font-path}/JohnstonITC/medium/JohnstonITCStd-Medium.woff2") format("woff2"); 
  src: url("#{$font-path}/JohnstonITC/medium/JohnstonITCStd-Medium.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "JohnstonITC";
  src: url("#{$font-path}/JohnstonITC/bold/JohnstonITCStd-Bold.woff2") format("woff2"); 
  src: url("#{$font-path}/JohnstonITC/bold/JohnstonITCStd-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "JohnstonITC";
  src: url("#{$font-path}/JohnstonITC/italic/JohnstonITCStd-MediumIta.woff2")  format("woff2"); 
  src: url("#{$font-path}/JohnstonITC/italic/JohnstonITCStd-MediumIta.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "JohnstonITC";
  src: url("#{$font-path}/JohnstonITC/light/JohnstonITCStd-Light.woff2") format("woff2"); 
  src: url("#{$font-path}/JohnstonITC/light/JohnstonITCStd-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "JohnstonITC";
  src: url("#{$font-path}/JohnstonITC/light-italic/JohnstonITCStd-LightIta.woff2") format("woff2"); 
  src: url("#{$font-path}/JohnstonITC/light-italic/JohnstonITCStd-LightIta.woff")format("woff");
  font-weight: 300;
  font-style: italic;
}