IE8 및 Chrome에 Fontawesome 아이콘이 표시되지 않습니다. (Windows에만 해당)

빌드중인 Rails 앱에 문제가 있습니다. 난 fontawesome 몇 가지 아이콘을 렌더링 사용하고 있습니다. 레일 애플 리케이션은 Heroku에서 실행됩니다.IE8 및 Chrome에 Fontawesome 아이콘이 표시되지 않습니다. (Windows에만 해당)

Chrome/Win 및 IE8에서는 아이콘이 렌더링되지 않습니다. 상자 없음 - 아무 것도. 그들은 IE9, 파이어 폭스/승리의 렌더링, 그들은

나는 내 application.rb에 다음 한 OS X의 모든 브라우저에서 렌더링 :

config.assets.paths << Rails.root.join("app", "assets", "fonts") 
config.assets.precompile += %w(.svg .eot .woff .ttf)

글꼴 파일 자산/폰트 디렉토리에 있으며, SCSS 파일의 내용은 다음과 같습니다.

@font-face { 
    font-family: 'FontAwesome'; 
    src: url('<%= asset_path('fontawesome-webfont.eot?') %>'); 
    src: url('<%= asset_path('fontawesome-webfont.eot?#iefix') %>') format('embedded-opentype'), url('<%= asset_path('fontawesome-webfont.woff') %>') format('woff'), url('<%= asset_path('fontawesome-webfont.ttf') %>') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
}

비슷한 문제가있는 사람이 있습니까? (필자는 문제가되지 않습니다, 또는 폰트가 파이어 폭스에서 작동하지 않습니다와 문제를 중심으로 돌고있는 중 쇼 상자를 읽은 대부분의 게시물.)

출처

2013-01-24 marcel salathe

사이트를 표시 할 수 있습니까? 글꼴에 404가 표시 되나요? 아니면 확인 되었습니까? – jordelver

나는 404s를 얻지 않는다, ok 찾아내는 것을 보인다. 내가 dev 모드에 있기 때문에 나는 사이트를 보여줄 수 없다 ... –

더 많은 출력을 보여줄 수 있다면 도움이 될 것이다. 이 문제를 해결하기 위해 먼저 Ruby 앱이 코드 자체보다는 앱 자체에서 내놓은 코드를 살펴 보았습니다. – redburn

는 IE7에 대한 헤더 파일

link rel="stylesheet" href="../css/font-awesome.min.css"

이 포함 지원 pls 추가

link rel="stylesheet" href="../css/font-awesome.min.css" 
!--[if IE 7] 
link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" 
![endif]--

당신의 CSS에 무엇을 덜 사용하고 있습니까?

출처

2013-02-01 11:58:11 ajet

scss를 사용하고 있습니다. 헤더에 스타일 시트를 수동으로 추가하지 않고 Rails의 자산 파이프 라인이이를 처리합니다. –

IE8 및 Chrome에 Fontawesome 아이콘이 표시되지 않습니다. (Windows에만 해당)

답변

관련 문제