Bootstrap 3에서 내 Glyphicon이 제대로 표시되지 않는 이유는 무엇입니까?

Bootstrap 3에서 부적절한 Glyphicon 표시 문제 해결

Bootstrap 2.3에서 Bootstrap 3으로 마이그레이션하는 동안 Glyphicon 아이콘이 올바르게 표시되지 않는 문제가 발생했습니다. 이 문제는 특히 Firefox에서 자주 발생합니다.

문제의 원인:

이 문제는 Bootstrap의 사용자 정의 버전에 포함된 글꼴 파일 문제로 인해 발생합니다. 이러한 파일이 손상되어 아이콘이 제대로 표시되지 않습니다.

해결 방법:

이 문제를 해결하려면 글꼴 파일을 수동으로 다운로드하여 자신의 파일을 바꾸거나 간단히 CDN을 사용하세요.

수동 다운로드 옵션:

1. 다음 링크를 방문하여 글꼴 파일을 다운로드하세요.

   • https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.svg
   • https://netdna.bootstrap/3.0.0/fonts/ glyphicons-halflings-regular.woff
   • https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf
   • https://netdna. bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot
2. 기존 글꼴 파일을 Bootstrap 설치 디렉터리에 다운로드한 글꼴 파일로 바꾸세요.
3. 강력한 다시 로드(CTRL F5)를 수행하여 변경 사항을 적용하세요.

CDN 사용 옵션:

CDN 사용을 선호하는 경우 글꼴 파일을 수동으로 교체할 필요가 없습니다. HTML에 다음 CDN 링크를 포함시키기만 하면 됩니다.

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">

이렇게 하면 CDN에서 올바른 글꼴 파일이 로드되어 아이콘 표시 문제가 해결됩니다.

위 내용은 Bootstrap 3에서 내 Glyphicon이 제대로 표시되지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!