404 for Azure (.NET MVC 5) 사용자 정의 ttf 글꼴

이전에 답변 한 문제가 있습니다. 솔루션을 구현했지만 문제는 계속 발생합니다.404 for Azure (.NET MVC 5) 사용자 정의 ttf 글꼴

내 프로젝트 인 Monterey and Bakery에서 사용할 두 가지 맞춤 ttf 글꼴을 다운로드했습니다.

두 글꼴이 모두 설치되어 있습니다. 두 정면은 내 콘텐츠 폴더에 있습니다. 두 가지 모두의 글꼴 속성을 업데이트하여 "더 새로운 경우"의 내용을 내용으로 복사합니다. 웹 구성 파일에 필요한 언어를 추가했습니다. 내 CSS에서 글꼴 - 얼굴 규칙을 만듭니다.

내 로컬 컴퓨터에서 AzureSites 버전의 내 응용 프로그램에 액세스 할 때도 사용자 지정 글꼴이 나타납니다. 다른 모든 컴퓨터에서는 콘솔에 404가 나타나지 않습니다.

아래 그림을 참조하십시오. 도움에 미리 감사드립니다! Font properties, confirming that I am copying to the server directory

는 CSS 파일의 이미지를 추가 수정 됨 404 error messages in the console

Relevant code in my web.config

Font files in my Solution Explorer

This first image is how the site SHOULD look with the fonts working properly

Here is an example of the implementation of the new font-face, within Site.css

2017-12-02 BoGoodSki

CSS를 번들하는 방식에 문제가 있다고 생각합니다. 귀하의 질문에서 관련 코드를 공유 할 수 있습니까? –

@GauravMantri 질문을 업데이트하여 CSS 코드 그림을 포함 시켰습니다.지금까지 도움을 주셔서 감사합니다! – BoGoodSki

내 의심이 문제가 ..\fonts/baker.ttf에서 .. 점이다

Here are the font face rules in Site.css for the custom fonts.

Here is the solution explorer in full. The relevant font CSS is in Site.css

은의이 디렉토리 구조는

content/ 
    styles/ 
    stylesheet.css 
    fonts/ 
    baker.ttf

그래서 당신의 HTML이 확인 된 URL이 /content/styles/../fonts/baker.ttf하고 모든 것이 잘 작동

<link rel="stylesheet" href="/content/styles/stylesheet.css"/>

포함 된 경우라고 가정 해 봅시다.

mvc를 배포 할 때 스타일 시트가 번들로 제공되고 번들로 컴파일됩니다. 링크는 확인 된 URL이 존재하지 않는 /bundles/../fonts/baker.ttf입니다 그럼 아마

<link href="/bundles/css?v=Mny4y0TdpT_Ey6yWlayc6zrqhuQE-XSEh-dK8IJOsqc1" rel="stylesheet">

같은 것입니다. 그 경우 스크린 샷에서 볼 수는 없지만 그것이 내 추측입니다.

font-face 가져 오기에 상대 URL이 아닌 /content/fonts/baker.ttf과 같은 절대 URL을 사용해보십시오.

또한 백 슬래시는 매우 의심됩니다. 슬래시를 사용하십시오. 백 슬래시는 URL에서 유효한 구분 기호가 아닙니다.

2017-12-04 16:14:09

답변