@font-face {
  font-family: 'Open Sans';
  src: local('Open Sans'),
  local('OpenSans'),
  url('opensans/opensans.woff2') format('woff2'),
  url('opensans/opensans.woff') format('woff'),
  url('opensans/opensans.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: local('Open Sans Semibold'),
  local('OpenSans-Semibold'),
  url('opensans/opensanssemibold.woff2') format('woff2'),
  url('opensans/opensanssemibold.woff') format('woff'),
  url('opensans/opensanssemibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: local('Open Sans Bold'),
  local('OpenSans-Bold'),
  url('opensans/opensansbold.woff2') format('woff2'),
  url('opensans/opensansbold.woff') format('woff'),
  url('opensans/opensansbold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: local('Open Sans Extrabold'),
  local('OpenSans-Extrabold'),
  url('opensans/opensansextrabold.woff2') format('woff2'),
  url('opensans/opensansextrabold.woff') format('woff'),
  url('opensans/opensansextrabold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}