내 Font Awesome 5가지 아이콘이 CSS 콘텐츠에 표시되지 않는 이유는 무엇입니까?

Font Awesome 5 CSS 콘텐츠 표시 수정

CSS 콘텐츠 내에서 Font Awesome을 사용하려고 하면 예상한 아이콘이 표시되지 않는 문제가 발생할 수 있습니다. 대신 아이콘의 코드를 공개합니다. 온라인 지침을 따랐음에도 불구하고 문제가 지속됩니다.

이 문제를 해결하려면 Font Awesome 5 CSS 파일만 포함해야 한다는 점에 유의하는 것이 중요합니다.

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css">

또한 글꼴- 제품군 및 콘텐츠 속성 값을 수정해야 합니다. 구체적으로:

1. font-family: "FontAwesome"을 "Font Awesome 5 Free"로 바꾸세요.
2. content: 'f35a를 사용하세요 '대신 '/f35a'.

예:

@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");

.fp-prev:before {
    color:#000;
    content: '\f35a';
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: normal;
    font-size:40px;
}

<i class="fp-prev"></i>

이러한 조정을 통해 Font Awesome 기호가 CSS 콘텐츠 내에 올바르게 표시됩니다.

위 내용은 내 Font Awesome 5가지 아이콘이 CSS 콘텐츠에 표시되지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!