prosource

Azure 웹 페이지 배포에서 폰타썸을 작동시키는 방법은 무엇입니까?

probook 2023. 5. 8. 22:19
반응형

Azure 웹 페이지 배포에서 폰타썸을 작동시키는 방법은 무엇입니까?

우리는 아이콘 지원을 위해 Twitter Bootstrap과 Font Awesome을 사용하고 있습니다.

IIS 서버 중 하나에 배포할 때 MIME 지원을 추가해야 합니다.

Azure에 배포할 때는 이 기능이 없는 것처럼 보이므로 글꼴 사용법을 모르는 것 같아 아이콘이 표시되지 않습니다.

다음을 web.config에 추가하기만 하면 됩니다...

<system.webServer>    
   <staticContent>
       <remove fileExtension=".svg" />
       <remove fileExtension=".eot" />
       <remove fileExtension=".woff" />
       <mimeMap fileExtension=".svg" mimeType="image/svg+xml"  />
       <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
       <mimeMap fileExtension=".woff" mimeType="application/x-woff" />
    </staticContent>
</system.webServer>

갱신하다

FontAwesome nugget 패키지의 최근 변경으로 인해 이 답변이 필요하지 않습니다.


수락된 답변에 설명된 솔루션 외에도 프로젝트의 글꼴이 ~/Content/fonts에 있지만 사이트에서 Azure의 /fonts에서 글꼴을 찾고 있었습니다.

해결 방법으로 글꼴 파일을 ~/font에 복사했습니다(Build Action이 다음으로 설정되었는지 확인)Content클라우드에서는 모든 것이 좋습니다.

위의 작업을 수행한 후에도 여전히 작동하지 않으면 테마 폴더의 css 폴더에 있는 font-awesome.css 파일을 확인합니다.

폰트 어썸 파일을 연결하는 URL이 있습니다.새 도메인의 글꼴 파일이 있는 폴더를 가리키는지 확인하십시오. 즉, Azure 사이트를 가리킵니다.../font/...

언급URL : https://stackoverflow.com/questions/13309138/how-to-get-fontawesome-to-work-on-an-azure-web-pages-deployment

반응형