내 부트스트랩 아이콘이 온라인에 표시되지 않는 이유는 무엇입니까?

Bootstrap 아이콘을 온라인으로 액세스할 수 없습니다

Bootstrap 아이콘이 로컬에서는 올바르게 표시되지만 웹 사이트에 온라인으로 액세스할 때는 표시되지 않는 특이한 문제가 발생합니까? 이는 브라우저가 글꼴에 액세스하려고 시도하는 방식에 문제가 있는 것으로 추적할 수 있습니다.

로컬에서 브라우저는 아이콘 글꼴을 로드하기 위해 Content/fonts/glyphicons-halflings-regular.woff를 검색하는 것을 알고 있습니다. 그러나 웹사이트가 온라인으로 로드되면 /fonts/glyphicons-halflings-regular.woff에서 글꼴에 액세스하려고 시도합니다.

이 문제를 해결하려면 번들 구성을 조정하는 것이 좋습니다. 특히 번들 이름에 "Content" 접두사가 포함되어 있는지 확인하세요.

조정된 번들 구성

예를 들어 웹사이트의 파일 구조가 다음과 같이 구성된 경우:

콘텐츠/

bootstrap/
    bootstrap.css
    fonts/
        glyphicons-halflings-regular.woff

번들 구성은 다음과 같습니다. 유사:

bundles.Add(new StyleBundle("~/Content/bootstrapcss").Include(
                "~/Content/bootstrap/bootstrap.css"));

번들 이름에 "Content" 접두사를 포함하면 브라우저가 해당 디렉터리에서 번들 파일을 검색하도록 명시적으로 지시합니다. 이렇게 하면 웹사이트에 로컬로 접속하든 온라인으로 접속하든 관계없이 브라우저가 Bootstrap 아이콘을 정확하게 찾고 렌더링할 수 있습니다.

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