의사 요소의 Font Awesome 5는 아이콘 대신 사각형을 표시합니다.

Question

CSS 페이지에서 직접 Font Awesome 아이콘을 사용하여 span의 콘텐츠를 변경하려고 하는데 작동하지 않는 것 같습니다.

1) 문서에서 FA를 가져왔고

으아악

2) 내 HTML은 다음과 같습니다:

으아악

3) 이제 CSS 페이지에서 직접 아이콘을 사용하여 범위의 내용을 변경하고 싶다고 가정해 보겠습니다.

현재 내 CSS는 다음과 같지만 작동하지 않습니다. 아이콘 대신 사각형이 표시됩니다.

으아악 으아악

흥미롭게도 일부 아이콘을 사용하고 있는 것 같습니다. content: 'f007';로 테스트하면 작동합니다. 이유를 아시나요?

(왜 CSS에서 직접 아이콘을 변경하고 싶은지 궁금하시다면 미디어 쿼리를 사용하고 있어서 HTML 페이지에 직접 추가할 수 없기 때문입니다)

Answer 1

귀하의 댓글에서:

더 얇은 렌더링을 위해 투명한 색상으로 테스트text-lines:

으아아아 으아아아

Answer 2

^{JS+SVG 버전을 사용하는 경우 다음을 읽어보세요. Font Awesome 5는 JS+SVG 버전을 사용할 때 빈 사각형으로 나타납니다}

추가해야 합니다

字体粗细：900

으아악 으아악