/* Light */
@font-face {
  font-family: "Open Sans";
  src:
    url("/posts/story-static/fonts/opensans-light-webfont.woff2") format("woff2"),
    url("/posts/story-static/fonts/opensans-light-webfont.woff") format("woff"),
    url("/posts/story-static/fonts/opensans-light-webfont.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

/* Regular */
@font-face {
  font-family: "Open Sans";
  src:
    url("/posts/story-static/fonts/opensans-regular-webfont.woff2") format("woff2"),
    url("/posts/story-static/fonts/opensans-regular-webfont.woff") format("woff"),
    url("/posts/story-static/fonts/opensans-regular-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

/* Semibold */
@font-face {
  font-family: "Open Sans";
  src:
    url("/posts/story-static/fonts/opensans-semibold-webfont.woff2") format("woff2"),
    url("/posts/story-static/fonts/opensans-semibold-webfont.woff") format("woff"),
    url("/posts/story-static/fonts/opensans-semibold-webfont.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

/* Bold */
@font-face {
  font-family: "Open Sans";
  src:
    url("/posts/story-static/fonts/opensans-bold-webfont.woff2") format("woff2"),
    url("/posts/story-static/fonts/opensans-bold-webfont.woff") format("woff"),
    url("/posts/story-static/fonts/opensans-bold-webfont.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

/* Italic */
@font-face {
  font-family: "Open Sans";
  src:
    url("/posts/story-static/fonts/opensans-italic-webfont.woff2") format("woff2"),
    url("/posts/story-static/fonts/opensans-italic-webfont.woff") format("woff"),
    url("/posts/story-static/fonts/opensans-italic-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src:
    local('Montserrat-Regular'),
    url('/posts/story-static/fonts/montserrat/montserrat-regular.woff2') format('woff2'),
    url('/posts/story-static/fonts/montserrat/montserrat-regular.woff') format('woff'),
    url('/posts/story-static/fonts/montserrat/montserrat-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src:
    local('Montserrat-Bold'),
    url('/posts/story-static/fonts/montserrat/montserrat-bold.woff2') format('woff2'),
    url('/posts/story-static/fonts/montserrat/montserrat-bold.woff') format('woff'),
    url('/posts/story-static/fonts/montserrat/montserrat-bold.ttf') format('truetype');
}