나중에 페이지를 렌더링 할 때 텍스트가 표시되지 않지만 나중에 devtools에서 레이아웃을 변경하면 표시됩니다.

Question

angle2 프로젝트에서 작업하고 텍스트 렌더링에 문제가 있습니다. 자리 표시 자나 입력 값도 devtools에 가서 레이아웃을 다시 강제로 변경하기 전까지 Chrome (54.0.2840.98 (64 비트))에 표시되지 않습니다. 그 후 모든 것이 완벽합니다. 어디에서 파야할지 몰라.

재생하려면 : ordentravel.ru 다음 오른쪽 상단의 첫 번째 링크를 클릭하면 2 개의 빈 입력이 표시됩니다. 그것은 정확히 위에서 설명한 입력 필드입니다.

업데이트 : 글꼴 문제. Arial을 사용할 때마다 괜찮습니다. Lifehack을 사용하기 시작하면 문제가 나타납니다. 그건 내가 말대꾸에서 글꼴을 정의하는 방법은 다음과 같습니다

@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; 

Answer 1

이유는 내 스타일 같은 font-face 여러 번 정의했다.

app.component.scss에 추가 한 다음이 파일을 font-face 정의를 복제하는 여러 다른 sass 파일로 가져 왔습니다.