Schriftart Awesome Symbol nicht auf IE7

Schriftart Awesome Symbole werden nicht auf IE7 angezeigt. Sie tun auf IE8, IE9, FF und Chrome.Schriftart Awesome Symbol nicht auf IE7

Beispiel HTML:

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

Dateien enthalten:

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

Anfrage an .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)

Ich habe das konfiguriert Apache/etc/apache2/mods- enabled/mime.conf (und Apache neu gestartet):

AddType application/octet-stream .woff

Fehle ich irgendeine Konfiguration?

Quelle

2012-12-11 martincho

Die Konfiguration war doch korrekt. Aus irgendeinem Grund wurde font-awesome-ie7.css nicht korrekt geladen. Nachdem sichergestellt wurde, dass diese Datei geladen wurde, funktionierte alles.

Quelle

2012-12-20 13:06:51 martincho

das war sehr hilfreich für mich ...Vielen Dank @martincho – abidkhanweb

Verwenden Sie besser den bedingten IE7-Kommentar, sodass die Datei nur in IE7 geladen wird. (entnommen aus der Fontawesome example)

<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]-->

Quelle

2013-04-28 13:54:05 iroybot

von wo Sie Ihre-icons-ie7.min.css Datei herunterladen? –

Der Name ist nur ein Beispiel. Wenn Sie Font Awesome verwenden möchten, gehen Sie zu https://fortawesome.github.io/Font-Awesome/ und klicken Sie auf Download. wie in den Kommentaren hier erwähnt wurde der IE7 bis v3 unterstützt, also wenn Sie ein IE7 CSS für Font super 4.4 wollen, müssen Sie es schreiben. – iroybot

Schnelle Aktualisierung dieses Threads.

FontAwesome unterstützt IE7 nicht mehr, aber wenn Sie in der unglücklichen Situation sind, in der Sie es unterstützen müssen, weil Sie proprietäre Software unterstützen müssen, deren Name ich nicht erwähnen werde, das schließt es als einzigen Browser ein und lehnt ab obwohl zu dem Zeitpunkt von diesem Post, IE8 hat gewesen für fast 4 Jahre und wir sind jetzt auf IE11, dann tun, was ich tat, zu aktualisieren:

die ie7.min.css Datei herunterladen und hinzufügen der Abschnitt wie in der Antwort oben angegeben:
Öffnen Sie die Datei ie7.min.css und ändern Sie alle ".icon-" in ".fa-", seit Fon tAwesome hat seine Namenskonventionen geändert.

Diese erhalten Sie auf etwa 95% der Symbole für die FA 4.0.3 (neu eingeführte Fonts werden nicht unterstützt auf der alten ie7.min.css Datei unterstützt.

Quelle

2013-12-09 16:58:12

Die Unterstützung wurde in Font Awesome 4.0.0 entfernt, daher befindet sich die neueste Version der ie-Datei in der neuesten 3.x-Version: https://github.com/FortAwesome/Font-Awesome/tree/v3.2.1/css – commonpike

Die css-Ausdrücke, die in dieser Datei verwendet werden, funktionieren nicht im ie11-Kompatibilitätsmodus, aufgrund eines Fehlers https://connect.microsoft.com/IE/feedback/details/798953/ie11-bug-expression-of-css-is-not- aktiviert-in-compatibility-mode-mit-internet-zone. Also geh und kaufe einen alten Computer mit ie7 drauf. – commonpike

Sorry, das obige war unklar. Sie arbeiteten nicht für mich im * Emulationsmodus * in ie11. Ich habe natürlich versucht, ie7 nachzuahmen. YMMV. – commonpike

Es gibt ein Weg IE7 auch für neue Symbole unterstützen.

Erster Download dieses als Basis. https://gist.github.com/dorajistyle/7461853

Dann, wenn irgendein Symbol in der IconList das Symbol gehen fehlt. zum Beispiel die fa-Balance-Skala, was neu ist http://fontawesome.io/icon/balance-scale/

Dort sehen Sie, dass die Unicode-Zeichen F24E ist

Dann wird diese am Ende der font-awesome-ie7.min.css hinzufügen

.fa-balance-scale { 
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = 
'&#xf24e;'); 
}

Wiederholen Sie für alle Symbole ‚Sie wieder mit

Quelle

2017-09-12 08:59:20 harre

Antwort

Verwandte Themen