Font awesome zeigt asiatische Zeichen anstelle von Symbolen.

ich versuche, Schrift Ehrfürchtig, aber statt der icons nur zeigt einer asiatischen Zeichen. Ich heruntergeladen font-awsome, um mit dem webserver. Ich habe versucht, diese in 3 verschiedenen Browsern (firefox, opera und chromium), aber es ist immer das gleiche.

Einer Testseite kann hier gesehen werden: http://2weitweitweg.de/test.html

Und hier ist ein screenshot davon: http://postimg.org/image/9yh5p0p97/

Zeigt es die Zeichen in Ihrem browser? Das problem ist auch browser - oder server-Verbindung? Wie kann ich es beheben?

bye

InformationsquelleAutor Jonas | 2013-08-22

8

Ich hatte dieses problem und es war, weil ich mit alten html mit einem neuen fontawesome version.

I fixed it, indem Sie:
```

```
:
```

```
I. e. Ich nur hatte, um die Standard - fa Klasse auf das element.

Die neueste version verwendet die fa Präfix, aber für Sie, ich denke, es könnte sein icon statt.

Hoffe, das jemand hilft, aus irgendwann 🙂

hat mir geholfen, danke 🙂

InformationsquelleAutor oak
5

Wahrscheinlich die eigentliche schriftart-Dateien werden nicht gefunden. Wenn Sie einen Blick in der font-awesome-CSS-Datei sehen Sie wahrscheinlich so etwas wie:
```
@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot');
  src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
    [...etc]
```
Diese erwartet, finden Sie die schriftart-Dateien in einen Ordner namens font auf der gleichen Ebene, dass die CSS-Datei liegt. Zum Beispiel:
```
myproject /css
                 /font-awesome.css
                   [...etc]
          /font
                 /fontawesome-webfont.eot
                   [...etc]
```
Wenn die Dateien am richtigen Ort ist es möglich, dass Sie nicht geladen werden, weil einige problem mit den Berechtigungen oder sogar, dass Sie mit einem seltsamen browser nicht richtig unterstützt @font-face. Natürlich können Sie alle ausschließen, die letzteren, indem Sie auf den font awesome Beispiele Seite, um zu sehen, wenn es zeigt die Symbole richtig.

wenn die html-Datei, die zeigen, sollte der text nicht in myproject aber in jedem anderen Ordner...Ist der Pfad zu den font-Dateien müssen mit einem relativen, durch den Pfad der css-Datei als "root" oder ist die html-Datei, die die css-Datei der root?

InformationsquelleAutor Gary Robertson
2

gleiche wie ich auch, font-awesome funktioniert auf meinem PC-Browser auf [alle], aber wie ich später getestet font-awesome auf eine mobile java-browser opera [die neueste opera-browser für java-Handys
(c2-03 um genau zu sein)] sehe ich nur asiatische Zeichen/Zeichen/Symbole, manchmal sehe ich Boxen, anstatt die schriftart awesome Symbole. ich hoffe, dass diese gelöst werden?

InformationsquelleAutor ebuka ezeh
2

Hoffe ich bin nicht zu spät, etwas auf deinem server nicht richtig konfiguriert, Lösung ist, um zu ermöglichen *.woff und *.tff angefordert werden, wie z.B. statische Ressourcen, wie Sie tun *.css und *.js, dies geschieht unterschiedlich, je nach Plattform:

Was ich getan habe damit es funktioniert:

Ersetzt Ihr stylesheet mit (da wir nicht bekommen können, um Ressourcen):
```
<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.1/css/font-awesome.css" >
```
Und ersetzt Ihr altes Symbol -* - Klassen, zum Beispiel:
```

```
Und jetzt funktioniert es:

InformationsquelleAutor formatc
0

Wenn Sie mit 4.0 oder später, Sie haben sich geändert die icon Klassen fa Klassen
Also der code sollte sagen
```
 
```
statt
```
 
```
Finden Sie das Symbol, konkrete code-Beispiele, die durch den Besuch http://fontawesome.io/icons/ und klicken/Tippen auf das Symbol, das Sie brauchen.

Ich hatte das gleiche Problem beim Upgrade von 3.2 auf 4.0.3

InformationsquelleAutor KingRichard

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.