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

【问题标题】：Text is not shown when page rendered but shown if I change layout from devtools afterwards呈现页面时不显示文本，但如果我之后从 devtools 更改布局，则会显示文本
【发布时间】：2016-12-05 23:29:57
【问题描述】：

正在处理 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;

【问题讨论】：

你添加一些代码吗？
嗨，@dreamhunter，你是什么意思？
请添加一些代码，没有您的代码我们可以预测您的问题

标签： javascript html css angular fonts

【解决方案1】：

原因是我在我的风格中多次定义了相同的font-face。

我将它添加到 app.component.scss，然后将此文件导入到其他几个复制 font-face 定义的 sass 文件中。

【讨论】：