Fontawesome 작동하지 않을 때에 의해 제공 IIS

StackOverflow https://stackoverflow.com//questions/23007250

문제

FontAwesome 작동하지 않습한 내용에 IIS7 서버입니다.

Firefox 에서 요청한 URL 을 인코딩하기 http://l2etest.kema.intra/fonts/fontawesome-webfont.ttf%3Fv=4.0.3 고 나 404.를 변경하는 경우 %3F 하기 ? 모든 것이 잘 작동합니다.

같은 일이 발생 IE 에서만 요청을 간 eot 글꼴입니다.

이것은 무엇인가에서 CSS(동일에서 FontAwesome 페이지):

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

나는 생각한 문제는 IIS 인코딩하는 Url 을 요청하는 대신 ../fonts/fontawesome-webfont.eot? 요청가 ../fonts/fontawesome-webfont.eot%3F.

십시오지 않는 것이 좋을 제거'?'또는'#'에서 Url 이 있습니다.그들은 거기에 목적이고 필수적입니다.문제는 어떻게 IIS 지에 Url 을 인코딩하는 방법입니다.어떤 단서 평가될 것입니다.

편집:Btw.위의 상황이 발생한 경우에 web.config 설정 requestValidationMode 및 requestPathInvalidCharacters:

<httpRuntime shutdownTimeout="360" maxRequestLength="102400" enable="true" requestValidationMode="2.0" requestPathInvalidCharacters="" />

그것 없이는 나 400(Bad request):잠재적으로 위험한 요청을 합니다.경로 값이 검색되었에서 클라이언트(?)

어떻게 해결할 수 있습니 IIS 을 섬기는 글꼴을 제대로?

Edit2: 좋아,내가 찾은 문제의 원인.SquishIt 묶기 위한 도구 MVC3 이 변경되었다 그 문자입니다.을 때 저는 제외 font-awesome.css 에서 뭉치는 모든 것이 잘 작동합니다.

도움이 되었습니까?

해결책 4

SquishIt 묶기 위한 도구 MVC3 었 url 을 인코딩 글꼴로,그래서 ../fonts/fontawesome-webfont.eot? css 에서 파일이 변경되었을 ../fonts/fontawesome-webfont.eot%3F.이것은 일반적으로 반환합 400 기 때문에,%3F 안전하지 않은 것으로 간주됩니다.설정하는 경우 requestPathInvalidCharacters="" 다음%3 층은 안전한 것으로 간주되지만,분명히 파일이 없다`../fonts/fontawesome-webfont.eot%3F`,따라서 404.

제 fontawesome.css 부터 번들과 모든 것이 잘 작동합니다.

다른 팁

왜@font-face404 에 오류가 woff 파일이 있는가?

Add MIME 형식 웹 config:

  <system.webServer>
    <staticContent>
      <remove fileExtension=".woff" /> <!-- In case IIS already has this mime type -->
      <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
    </staticContent>    
  </system.webServer>

당신이 열 수 있습니다 IIS,지점,당신의 웹 사이트에서 IIS 세션, 선택 MIME 유형.후 Mime 형식을 표시하는 뷰를 클릭합 추가 -> 에서 대화상자:

  • 파일 이름 확장자: .woff
  • MiME 유형: application/x-font-woff

확인을 클릭합니다.

완료.

이 대답은 위의 문제 하지만 사람들은 얼굴 하지만 비슷한 오류로 인한 다른 이유와 땅이 스레드가 있습니다.

내가 직면 유사한 문제이지만 나중에는 것을 발견 IIS 었을 찾기 위해 노력하고 글꼴 최고 woff,eot 파일을 폴더에 MyIpAddress/fonts/fontawesome-webfont.woof 그러나 나에서 파일을 다른 폴더에 있습니다.이동 fontawesome-webfont.eot, fontawesome-webfont.svg,fontawesome-webfont.ttf, fontawesome-webfont.woff 으로 글꼴을 폴더에 내 문제를 해결

나를 위해서만 추가 스트랩 CDN 문제를 해결 링크

에 대한 당신의 페이지:

<head>
...
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
...
</head>

재생이 IIS 서버는 위험 대신 나가려고 다른 속이는 100%성공이다.

1 단계

이름 바꾸기에 글꼴 파일 이름을 추가하여.jpg 의 끝에서 파일이 있습니다.

fontawesome-webfont.eot.jpg (마찬가지로)

다음 변경하는 파일 형식에서 fontawesome.css 글꼴을 연출 라인

 */@font-face{font-family:'FontAwesome'; src:url('../fonts/fontawesome-webfont.eot.jpg?v=4.0.3'); src:url('../fonts/fontawesome-webfont.eot.jpg?#iefix&v=4.0.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff.jpg?v=4.0.3') format('woff'),url('../fonts/fontawesome-webfont.ttf.jpg?v=4.0.3') format('truetype'),url('../fonts/fontawesome-webfont.svg.jpg?v=4.0.3#fontawesomeregular') format('svg');

를 사용하는 경우 CodeIgniter 에서 IIS7:

에서 당신의 웹입니다.config 파일에 추가 woff 을 패턴

<rule name="Rewrite CI Index"> <match url=".*" /> <conditions> <add input="{REQUEST_FILENAME}" pattern="css|js|jpg|jpeg|png|gif|ico|htm|html|woff" negate="true" /> </conditions> <action type="Rewrite" url="index.php/{R:0}" /> </rule>

Hope it helps!

나는에서 변경 woff2 을 woff 고 갔는데 괜찮습니다.

을 추가하는 경우 FontAwesome 을 통해 묶고,그것을 할 수 밖으로 던져 woff2url.다음과 같은 솔루션과 비슷사 CssRewriteUrlTransform 사용 작업 url:https://stackoverflow.com/a/22700610/746984

이 cdn 에 index.html 페이지...

 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top