OpenSansSemiBold кажется недоступным на localhost

Question

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

EDIT: Я использую 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>