@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 300;
  src: local('OpenSans-Light'), local('OpenSans Light'), url(/fonts/OpenSans-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: local('OpenSans-Regular'), local('OpenSans Regular'), url(/fonts/OpenSans-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'OpenSans';
  font-style: italic;
  font-weight: 400;
  src: local('OpenSans-Italic'), local('OpenSans Italic'), url(/fonts/OpenSans-Italic.ttf) format('truetype');
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 500;
  src: local('OpenSans-SemiBold'), local('OpenSans SemiBold'), url(/fonts/OpenSans-SemiBold.ttf) format('truetype');
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 600;
  src: local('OpenSans-Bold'), local('OpenSans Bold'), url(/fonts/OpenSans-Bold.ttf) format('truetype');
}