Cdnjs: Firefox에서 Font Awesome이 작동하지 않음(가능한 수정 사항 발견)

나는 이것을 시도하고 내 지점의 원시 파일에서 테스트했지만 어떻게 든 작동하지 않습니다. 이제 내 모든 글꼴에 사각형이 표시됩니다. 이것을 시도 했습니까?

https://github.com/bfintal/cdnjs/blob/font-awesome-ff-patch/ajax/libs/font-awesome/3.0.0/css/font-awesome.min.css

이것을 cdnjs 서버에 추가하면 작동할 수도 있습니다. http://www.wpthemehelp.com/knowledgebase/font-icons-not-working/

안녕하세요 Jami님,
정보에 대해서 감사드립니다. 살펴보도록 하겠습니다 :)

2013년 1월 10일 목요일 오후 10시 22분, Jami Intal [email protected] 작성:

cdnjs 서버에 이것을 추가하면 작동할 수도 있습니다.
http://www.wpthemehelp.com/knowledgebase/font-icons-not-working/

—
이 이메일에 직접 답장하거나 Gi tHubhttps://github.com/cdnjs/cdnjs/issues/755#issuecomment -12092131에서 확인하세요.

몇 가지 테스트를 수행했고 수정 사항을 찾았습니다.

FF의 개발 콘솔은 글꼴 awsome CSS를 로드할 때 다음을 표시합니다.

[09:29:21.785] downloadable font: download failed (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:1): bad URI or cross-site access not allowed
source: http://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.0.0/font/fontawesome-webfont.woff @ http://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.0.0/css/font-awesome.min.css

서버는 액세스를 허용하기 위해 적절한 헤더를 제공해야 합니다(https://github.com/netdna/bootstrap-cdn/issues/27에서 가져옴):

<FilesMatch ".(ttf|otf|woff)$">
    Header set Access-Control-Allow-Origin "*"
</FilesMatch>

이렇게 하면 문제가 _해결되어야 합니다_. 여전히 그렇지 않은 경우 CSS의 글꼴 파일에 대한 URL도 상대 URL로 변경되어야 합니다.

@bfintal 그 정보는 환상적인 친구입니다, 정말 감사합니다.

@bfintal CloudFlare의 멋진 분들 덕분에 이 모든 것이 잘 될 것입니다 :)

캐시를 새로고침하고 테스트해 보세요. 어떻게 진행되는지 알려주세요.

이제 작동합니다! (아마도 IE에서도 마찬가지일 것입니다). Ryan과 ClourFlare에게 감사드립니다! :)

고마워 얘들아. 치료를 작동합니다.

절대 경로를 입력하면 이 문제가 해결되었습니다. 감사 해요!

글쎄, 그것들은 maxcdn에서 제공하는 하나의 공식 htacess 예제이며, 글꼴 굉장함과 문제에 관한 속도에 대한 솔루션을 가지고 있습니다. http://support.netdna.com/tutorials/htaccess-examples/ 또는 이 안내서를 확인 하십시오. http://wpvkp.com/font-awesome-doesnt-display-in-firefox-maxcdn/

그러나 Cloudflare를 사용할 때 작동하는지 모르겠습니다.

@terinjokes 덕분에 이제 CORS가 지원됩니다!

font Awesome - mozilla 문제 해결에 대한 좋은 설명 감사합니다.
이런 유용한 글도 봤네요...
http://wpvkp.com/font-awesome-doesnt-display-in-firefox-maxcdn/
봐...

fonts 폴더에 다음 파일을 업로드하십시오.

FontAwesome.otf
fontawesome-webfont.eot
fontawesome-webfont.svg
fontawesome-webfont.ttf
fontawesome-webfont.woff
------------------ 중요한 글리프콘 파일----------------
glyphicons-halflings-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff

다음 파일을 업로드한 후 헤더 파일에 font-awesome.min.css를 연결하세요.

다음은 적절한 파일이 있는 링크입니다.
http://goo.gl/WICQAf

안녕 모두.
멋진 글꼴이 FF에서 작동하지 않는다는 것을 발견했습니다.
어떻게 해야 하는지 도와주시겠습니까?

@blueror815 자세한 정보가 없으면 어떻게 도와드릴까요?

기여한 모든 분들께 감사드립니다!!! 이것은 .hta 파일에 추가하는 것을 위해 그것을 고쳤습니다.

헤더 세트 Access-Control-Allow-Origin "*"

:+1: 좋아요

@ Subhojit1992 감사합니다. 작동합니다. 주어진 링크에서 CSS 및 글꼴을 다운로드했습니다. 이제 잘 작동합니다 :+1:

CDNJS는 한동안 Access-Control-Allow-Origin "*"을 사용하여 Font Awesome 글꼴 파일을 제공했습니다. 자세한 내용이 제공되면 특정 사례를 조사할 수 있습니다.

Firefox와 동일한 버그가 있습니다(다른 모든 브라우저에서는 잘 작동함). FontAwesome 아이콘은 내부에 유니코드 문자 코드가 있는 직사각형 상자로 표시됩니다.

버그는 더 이상 CDNJS와 관련이 없으며 이제 Firefox의 문제입니다. FontAwesome 파일(css 및 woff)은 200 OK로 CDN에서 로드됩니다.

이 문제는 와 같은 특이한 유니코드 문자가 마크업에 직접 삽입될 때 Firefox가 유니코드를 제대로 표시하지 못하기 때문에 발생합니다. 의사 요소와 콘텐츠를 사용할 때 작동합니다. 예:

yourelement::before {
    content: '\f067';
    font-family: FontAwesome;
}

@J3QQ4 제보 해주셔서 감사합니다!

@Subhojit1992 정말 감사합니다 .. 귀하의 솔루션으로이 문제를 해결했습니다 ..

내 사용자 정의 글꼴이 내 로컬 html에서도 FF에서 작동하지 않기 때문에 "다운로드 가능한 글꼴: 다운로드 실패(글꼴 패밀리: "gotham_lightregular" 스타일: 일반 무게: 일반 스트레치: 일반 src index:1): 잘못된 URI 또는 ​​사이트 간 액세스가 허용되지 않는 소스:" 여기에 .htaccess 코드를 적용할 수도 없습니다.

@thakurpunk 답변이 늦어 죄송합니다. 문제가 있는 URL(몇 가지 예)을 알려주시겠습니까?

매력처럼 일했습니다!
문제가 해결되었습니다. 감사합니다 :)
이것을 .htaccess 파일에 추가하면 해결됨>

헤더 세트 Access-Control-Allow-Origin "*"

안녕 친구들!
이 페이지의 HTML 양식을 index.html에 복사하십시오.
https://www.bootstrapcdn.com/fontawesome/
행운을 빕니다 :)