스타일 시트가 포함 된 경우에만 아이콘이로드되지 않습니다.

Question

시맨틱 UI를 사용하여 웹 사이트를 만들고 글꼴 굉장 아이콘을 사용하고 있습니다. 아이콘이 올바르게로드되지 않고 단순히 사각형으로 표시되는 것으로 나타났습니다. 그러나 페이지에 대한 CSS 스타일 시트 링크를 제거하면 아이콘이 올바르게 표시됩니다. 링크를 다시 넣으면 곧 사각형으로 나타납니다.

나는 이것을 오히려 당황스럽고 문제가 있음을 발견했다. 이걸 일으킬 수있는 어떤 생각? 나는 분명히 페이지 스타일 시트를 가질 수 있기를 원한다.

Answer 1

웹 사이트 글꼴을 표준화하기 위해이 줄을 썼지 만 그 줄이 아이콘과 충돌합니다. 왜 이것이라고 생각하니? 그리고 충돌하지 않는 방식으로 글꼴을 설정하기위한 제안은 무엇입니까?

!important은 특이성을 무시하도록 속성에 알립니다. 즉, font-family 선언은 글꼴 굉장 글꼴을 완전히 무시합니다. html, body, input, select, textarea 및 button 요소는 다음에

일반적으로, 유일한 일이 font-family을 설정 명시 적으로 브라우저 만. 이를 염두에두고, 당신은 단순히 사용하여 완전히 어떤 기본을 글꼴을 오버라이드 (override) 할 수 있어야 다음

html, body, button, input, select, textarea { 
    font-family: Avenir, sans-serif; 
} 

즉, 당신을 위해 일을 결정하기 위해 페이지를 검사하지 않는 경우 위치를 사용자 정의 글꼴 ISN ' 그 선택자를 위의 선언에 추가하십시오.

Answer 2

스타일 시트가 글꼴 굉장 아이콘을 무시할 수 있습니다. 스타일 시트에 아이콘이 있으면 제거하십시오. 이것이 작동하는지 알려주세요.