OpenSansSemiBold кажется недоступным на локальном хосте

Question

Недавно я пересмотрел мой код интерфейса, чтобы использовать стилус вместо CSS. В основном все прошло хорошо, но теперь везде, где я использую шрифт OpenSansSemiBold это просто выглядит как шрифт браузера по умолчанию. Даже когда я вручную добавляю font-family: 'OpenSansSemiBold' атрибут в инструментах разработчика Chrome не меняет правильный шрифт, в то время как это работает на моей развернутой в данный момент живой версии сайта. Есть идеи, что может помешать найти этот шрифт?

РЕДАКТИРОВАТЬ: я использую nginx на локальном (так же, как в прямом эфире). Google шрифты импортируются чуть выше, где предварительно обработанный CSS импортируется следующим образом:

<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>

Answer 1

Согласно Google Fonts вы должны использовать font-family: 'Open Sans', sans-serif; при определении вашего шрифта.

<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>

<style>
body {
    font-family: 'Open Sans', sans-serif;
}
</style>

<!-- define as bold -->
<strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit, </strong>