/*
100 - thin
200 - extra light
300 - light - 
400 - regular - normal
500 - medium - 
600 - semi bold
700 - bold - 
800 - extra bold
900 - black
*/

/* thin, extra light, light*/
@font-face {
  font-family: "SpareBank1";
  font-weight: 100;
  font-style: normal;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-Light-Web.woff2") format("woff2");
}

@font-face {
  font-family: "SpareBank1";
  font-weight: 200;
  font-style: normal;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-Light-Web.woff2") format("woff2");
}

@font-face {
  font-family: "SpareBank1";
  font-weight: 300;
  font-style: normal;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-Light-Web.woff2") format("woff2");
}

/* thin, extra light, light Italic */
@font-face {
  font-family: "SpareBank1";
  font-weight: 100;
  font-style: italic;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-LightIt-Web.woff2") format("woff2");
}

@font-face {
  font-family: "SpareBank1";
  font-weight: 200;
  font-style: italic;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-LightIt-Web.woff2") format("woff2");
}

@font-face {
  font-family: "SpareBank1";
  font-weight: 300;
  font-style: italic;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-LightIt-Web.woff2") format("woff2");
}

/*regular */

@font-face {
  font-family: "SpareBank1";
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-Regular-Web.woff2") format("woff2");
}

/*regular It*/

@font-face {
  font-family: "SpareBank1";
  font-weight: 400;
  font-style: italic;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-It-Web.woff2") format("woff2");
}

/*medium */

@font-face {
  font-family: "SpareBank1";
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-Medium-Web.woff2") format("woff2");
}

@font-face {
  font-family: "SpareBank1";
  font-weight: 600;
  font-style: normal;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-Medium-Web.woff2") format("woff2");
}

/*medium It*/

@font-face {
  font-family: "SpareBank1";
  font-weight: 500;
  font-style: italic;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-MediumIt-Web.woff2") format("woff2");
}

@font-face {
  font-family: "SpareBank1";
  font-weight: 600;
  font-style: italic;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-MediumIt-Web.woff2") format("woff2");
}

/* bold, extra bold og black*/

@font-face {
  font-family: "SpareBank1";
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-Bold-Web.woff2") format("woff2");
}

@font-face {
  font-family: "SpareBank1";
  font-weight: 800;
  font-style: normal;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-Bold-Web.woff2") format("woff2");
}

@font-face {
  font-family: "SpareBank1";
  font-weight: 900;
  font-style: normal;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-Bold-Web.woff2") format("woff2");
}

/* bold, extra bold og black It*/

@font-face {
  font-family: "SpareBank1";
  font-weight: 700;
  font-style: italic;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-BoldIt-Web.woff2") format("woff2");
}

@font-face {
  font-family: "SpareBank1";
  font-weight: 800;
  font-style: italic;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-BoldIt-Web.woff2") format("woff2");
}

@font-face {
  font-family: "SpareBank1";
  font-weight: 900;
  font-style: italic;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-BoldIt-Web.woff2") format("woff2");
}

/*title*/

@font-face {
  font-family: "SpareBank1 Title";
  font-weight: 100;
  font-style: normal;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-Title-Light-Web.woff2")
    format("woff2");
}

@font-face {
  font-family: "SpareBank1 Title";
  font-weight: 200;
  font-style: normal;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-Title-Light-Web.woff2")
    format("woff2");
}

@font-face {
  font-family: "SpareBank1 Title";
  font-weight: 300;
  font-style: normal;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-Title-Light-Web.woff2")
    format("woff2");
}

@font-face {
  font-family: "SpareBank1 Title";
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-Title-Regular-Web.woff2")
    format("woff2");
}

@font-face {
  font-family: "SpareBank1 Title";
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-Title-Medium-Web.woff2")
    format("woff2");
}

@font-face {
  font-family: "SpareBank1 Title";
  font-weight: 600;
  font-style: normal;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-Title-Medium-Web.woff2")
    format("woff2");
}

@font-face {
  font-family: "SpareBank1 Title";
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-Title-Medium-Web.woff2")
    format("woff2");
}

@font-face {
  font-family: "SpareBank1 Title";
  font-weight: 800;
  font-style: normal;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-Title-Medium-Web.woff2")
    format("woff2");
}

@font-face {
  font-family: "SpareBank1 Title";
  font-weight: 900;
  font-style: normal;
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-Title-Medium-Web.woff2")
    format("woff2");
}

/* Gamle fonter skal depricates */

@font-face {
  font-family: "SpareBank1-medium";
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-Medium-Web.woff2") format("woff2");
}

@font-face {
  font-family: "SpareBank1-regular";
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-Regular-Web.woff2") format("woff2");
}

@font-face {
  font-family: "SpareBank1-italic";
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-It-Web.woff2") format("woff2");
}

@font-face {
  font-family: "SpareBank1-title-medium";
  font-display: fallback;
  src: url("./files/SpareBank1/SpareBank1-Title-Medium-Web.woff2")
    format("woff2");
}