@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), 
  local('OpenSans-Light'),
  url(OpenSans-Light.woff2) format('woff2'), 
  url(OpenSans-Light.woff) format('woff'),
  url(OpenSans-Light.ttf) format('truetype'); 
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), 
  local('OpenSans'),
  url(OpenSans-Regular.woff2) format('woff2'), 
  url(OpenSans-Regular.woff) format('woff'),
  url(OpenSans-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'),
  local('OpenSans-Semibold'),
  url(OpenSans-Semibold.woff2) format('woff2'), 
  url(OpenSans-Semibold.woff) format('woff'),
  url(OpenSans-Semibold.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'),
  local('OpenSans-Bold'),
  url(OpenSans-Bold.woff2) format('woff2'), 
  url(OpenSans-Bold.woff) format('woff'),
  url(OpenSans-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), 
  local('OpenSans-Extrabold'),
  url(OpenSans-Extrabold.woff2) format('woff2'), 
  url(OpenSans-Extrabold.woff) format('woff'),
  url(OpenSans-Extrabold.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), 
  local('OpenSans-Italic'), 
  url(OpenSans-Italic.woff2) format('woff2'), 
  url(OpenSans-Italic.woff) format('woff'),
  url(OpenSans-Italic.ttf) format('truetype');
}