6

Font Awesome アイコンが IE7 で表示されません。それらは IE8、IE9、FF、および Chrome で行います。

HTML の例:

<span rel="tooltip" data-placement="top" data-original-title="Click to add question to favorites">
    <i class="icon-star-empty"></i>
</span>

含まれるファイル:

<link href="/css/bootstrap.css" rel="stylesheet">
<link href="/css/font-awesome.css" rel="stylesheet">
<link href="/css/font-awesome-ie7.css">

.woff へのリクエスト:

Request: 
URL:http://example.com/font/fontawesome-webfont.woff

Response:
Accept-Ranges:bytes 
Connection:Keep-Alive 
Content-Length:41752
Content-Type:application/octet-stream 
Date:Tue, 11 Dec 2012 11:31:51 GMT 
ETag:"4095e-a318-4cf1d75fb20dd" 
Keep-Alive:timeout=5, max=98
Last-Modified:Thu, 22 Nov 2012 23:02:27 GMT Server:Apache/2.2.22 (Ubuntu)

これを Apache の /etc/apache2/mods-enabled/mime.conf で構成しました (そして Apache を再起動しました):

AddType application/octet-stream .woff

構成が不足していますか?

4

4 に答える 4

8

IE7 条件付きコメントを使用すると、ファイルは IE7 でのみロードされます。( Fontawesome の例から取得)

<link rel="stylesheet" media="all" href="assets/css/your-icons.css" />
<!--[if IE 7]>
<link rel="stylesheet" media="all" href="assets/css/your-icons-ie7.min.css" />
<![endif]-->
于 2013-04-28T13:54:05.350 に答える
1

結局、構成は正しかった。何らかの理由で font-awesome-ie7.css が正しく読み込まれませんでした。このファイルがロードされていることを確認した後、すべてが機能しました。

于 2012-12-20T13:06:51.013 に答える