> 웹 프론트엔드 > CSS 튜토리얼 > 내 글꼴이 왜 멋진가요? 5 비트코인 ​​및 Facebook 아이콘이 올바르게 표시되지 않습니까?

내 글꼴이 왜 멋진가요? 5 비트코인 ​​및 Facebook 아이콘이 올바르게 표시되지 않습니까?

Susan Sarandon
풀어 주다: 2024-12-06 06:45:12
원래의
597명이 탐색했습니다.

Why Aren't My Font Awesome 5 Bitcoin and Facebook Icons Displaying Correctly?

Font Awesome 5 - 특정 아이콘의 렌더링 문제

Font Awesome 버전 5.0.8에서는 아이콘 명명 규칙 및 추가 CSS가 변경되었습니다. 요구 사항. 대부분의 아이콘 렌더링은 동일하게 유지되지만 Bitcoin 및 Facebook과 같은 특정 아이콘을 올바르게 표시하려면 추가 단계가 필요합니다.

문제:

Bitcoin 및 Facebook 아이콘을 글꼴로 표시할 수 없습니다. 멋진 버전 5.0.8.

해결책:

이 문제를 해결하려면 다음과 같은 변경이 필요합니다.

  1. 브랜드 포함 .css 스타일시트:

Font Awesome 5는 Bitcoin 및 Facebook과 같은 브랜드별 아이콘에 대해 "brands.css"라는 별도의 CSS 파일을 도입했습니다. 다음을 추가하여 프로젝트에 이 파일을 포함했는지 확인하세요.

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/brands.css">
로그인 후 복사
  1. 아이콘 클래스 이름 업데이트:

이전 버전의 Font Awesome에서는 브랜드 아이콘은 "fa-" 접두사를 사용했지만 버전 5에서는 이 접두사가 "fab-"로 변경되었습니다. 이에 따라 아이콘 클래스 이름을 업데이트하세요. 예를 들어 다음과 같습니다.

<i>
로그인 후 복사
로그인 후 복사

다음과 같습니다:

<i>
로그인 후 복사
로그인 후 복사

업데이트된 코드 조각:




<i>
로그인 후 복사

위 내용은 내 글꼴이 왜 멋진가요? 5 비트코인 ​​및 Facebook 아이콘이 올바르게 표시되지 않습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿