Bootstrap 아이콘이 로컬과 온라인에서 일관되지 않게 로드되는 이유는 무엇입니까?

Bootstrap 아이콘 로드 불일치: 로컬 및 온라인

이 질문은 Bootstrap 아이콘이 로컬로 로드되지만 웹 사이트가 로드될 때 로드되지 않는 이유를 설명합니다. 온라인으로 호스팅됩니다. Bootstrap 문자 모양 아이콘이 있는 버튼이 로컬에서는 올바르게 표시되지만 Windows Azure에 배포하면 잘못된 접두사가 표시되는 HTML 조각이 사용자에게 표시됩니다.

조사 결과 이 ​​문제는 브라우저가 시도하는 다양한 파일 경로에서 발생하는 것으로 나타났습니다. 아이콘을 로드합니다. 로컬에서는 /Content/fonts/glyphicons-halflings-regular.woff에서 파일을 올바르게 로드하고, 온라인에서는 /fonts/glyphicons-halflings-regular.woff에서 파일을 로드하려고 시도합니다.

이 문제를 해결하려면 , 사용자는 로컬 및 온라인 환경 모두에 대해 표준 Bootstrap 파일과 동일한 웹 사이트 구성을 사용하고 있다고 기록합니다. 또한 CSS 번들링 코드와 파일 구조도 제공합니다.

문제에 대한 해결책은 MetroUI에서 발생한 유사한 문제에서 나옵니다. CSS 파일을 번들링하면 Windows Azure의 글꼴 로딩 메커니즘이 중단될 수 있는 것으로 밝혀졌습니다.

구체적으로 원래 번들 이름은 번들링 후에는 존재하지 않았던 애플리케이션 루트의 /fonts 디렉터리를 참조했습니다. 파일 구조를 정확하게 반영하도록 번들 이름을 변경하면 문제가 해결되어 브라우저가 로컬 및 온라인 모두에서 올바른 위치에서 글꼴을 로드할 수 있습니다.

위 내용은 Bootstrap 아이콘이 로컬과 온라인에서 일관되지 않게 로드되는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!