页面呈现时不显示文本，但如果我之后从devtools更改布局则显示

Question

处理angular2项目并遇到文本呈现问题。 Chrome浏览器（54.0.2840.98（64位））中没有显示占位符和输入值，直到我转到devtools并进行任何随机更改，这会迫使布局重新渲染。之后一切都很完美。不知道在哪里挖。

重播：ordentravel.ru，然后点击右上角的第一个链接，您将看到2个空输入。这正是我上面描述的输入字段。

更新：字体问题。当我使用Arial一切都很好。一旦我开始使用Lifehack问题就出现了。这就是我在sass中定义字体的方式：

@font-face {
    font-family: 'Lifehack Sans Regular';
    src: url('/assets/fonts/Lifehack Sans Regular.eot');
    src: local('☺'),
      url('/assets/fonts/Lifehack Sans Regular.woff') format('woff'),
      url('/assets/fonts/Lifehack Sans Regular.ttf') format('truetype'),
      url('/assets/fonts/Lifehack Sans Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

$font-style-regular: Lifehack Sans Regular, Arial, Helvetica, sans-serif;