글꼴 멋진 아이콘 크롬에 표시되지 61

Question

내 프로젝트에 글꼴 멋진 아이콘을 다운로드

<link rel="stylesheet" href="resources/font-awesome/css/font-awesome.min.css"> 

로 font-awesome.min.css 수입 그리고 단순히

<i class="fa fa-user-o" aria-hidden="true"></i> 

• 처럼 사용했습니다 스타일 시트가로드되어 경로에 문제가 없었습니다.

• 아이콘은 파이어 폭스에서 정상적으로 작동하지만 Chrome에서는 전혀 표시되지 않았으며 Win 10에서도 Linux에서도 표시되지 않으므로 OS와 관련이 없습니다.

• 크롬에 충돌 할 수있는 플러그인이 없습니다.

• 나는 또한 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">을 시도했지만 아무 것도 변경되지 않았습니다.

이 문제의 원인은 누구입니까? 감사!

Answer 1

나는 Polymer를 사용하고 있습니다. 그리고 여기 내가 찾은 해결책이 있습니다.

1. NPM과 polymer-font-awesome를 설치

   npm i polymer-font-awesome

2. 이 polymer.json에 다음 종속성을 추가 :

   "extraDependencies": ["node_modules/polymer-font-awesome/dist/fonts/*"]

3. 수입이 두 파일을 :

4. <link rel="import" href="node_modules/polymer-font-awesome/dist/font-face.html">
<link rel="import" href="node_modules/polymer-font-awesome/dist/font-awesome.html"> 는 stlye 모듈을 포함한다 : 크롬에서

   <style type="text/css" include="font-awesome"></style>

지우기 캐시를 그리고 그것은 나를 위해 일했습니다.

Answer 2

정확히 같은 문제가 있습니다. 글꼴과 CSS를 다시 다운로드하여 CSS를 새 파일로 다시 작성하고 헤드 태그에있는 일부 스크립트와 태그를 제거하고 아무 것도 작동하지 않습니다. 그것은 크롬 61과 관련있는 것 같습니다. 나는 FA의 github에 이것을보고하려고했으나 누군가와 비슷하게 보입니다 already did.

Answer 3

어떤 종류의 AdBlock이 켜져 있으면 먼저 비활성화해야합니다. 폰트 - 멋진 아이콘이 Firefox에는 표시되지만 Chrome에는 표시되지 않는 것과 동일한 문제가 있습니다. Chrome AdBlock이 차단했다고 생각했습니다.