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

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

Font Awesome CSS 콘텐츠를 활용하려고 할 때 다음과 같은 경우에만 문제가 발생할 수 있습니다. 원하는 아이콘 대신 아이콘 코드가 나타납니다. 이 문제는 글꼴 모음과 콘텐츠 속성을 모두 해결하면 해결할 수 있습니다.

글꼴 모음 수정

제공된 코드 조각에서 글꼴 모음 속성이 잘못되었습니다. 'FontAwesome'으로 설정합니다. Font Awesome 5 Free의 올바른 글꼴 모음은 다음과 같습니다.

font-family: "Font Awesome 5 Free";

Content Correction

content 속성에 앞에 백슬래시 ''가 없습니다. /f35a 대신 다음과 같아야 합니다.

content: '\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 Awesome 아이콘이 올바르게 표시됩니다. .

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