Iconfont Charachterspace kollabiert in Android (Fontastisch)

Ich habe Fontastic.me verwendet, um ein Iconfont zu erstellen. Es funktioniert super außer im nativen Browser von Android 4.2.2 und 4.3 (zB: moderne Samsung Tabletten). In diesen Browsern haben die Zeichen der gesamten Schrift keine Breite. Dies geschieht mit jeder Schrift, die mit Fontastic.me gemacht wurde (auch die Schriftarten, die es sich selbst versorgt). Dies ist ein großes Problem bei der Zentrierung der Symbole (horizontal).

Ich habe eine Webseite eingerichtet, um es zu testen: http://ajuin2013.boondoggle.eu/fontastic-streamlineicons/icons-reference.html . Die rosa Farbe zeigt die Breite des Charakters. Der folgende Screenshot vergleicht das normale Verhalten mit dem AndroidBrowser-Verhalten: http://ajuin2013.boondoggle.eu/fontastic-streamlineicons/fontastic.png

Ich bin mir sicher, dass es wegen der Schriftart ist, denn wenn ich Icomoon als Fontgenerator verwende, kommt das Problem nicht vor. Ich habe auch den Besitzer benachrichtigt, aber er sagt, er kann nicht hineinschauen, weil er jetzt nicht wie man einen Android Emulator auf seinem Mac installiert.

Hat jemand eine Ahnung, was hier passiert? Was bewirkt, dass der Charakter-Raum zusammenbricht?

  • Wie kann ich Icons im Navigations-Ansicht-Menü mit Icon-Schriftart in Android verwenden
  • 2 Solutions collect form web for “Iconfont Charachterspace kollabiert in Android (Fontastisch)”

    Ich hatte das gleiche Problem gestern. Ich habe es mit ein bisschen Arbeit gelöst. Wie du gesagt hast, wenn du das Icon mit der Textausrichtung zentrieren willst: center; Es endet mehr nach rechts. Wenn du es nach links gehst, richtet es sich wie geplant nach links aus. So machte ich das Speudo-Element genau die gleiche Breite wie das Icon und zentrierte das Speudo-Element mit Rand: 0 auto; In diesem Fall können Sie die Textausrichtung nach links verlassen.

    Ich weiß, dass es nicht die perfekte Lösung ist, aber jetzt funktioniert es für mich und vielleicht auch für dich.

    Ich hatte das gleiche Problem und löste es mit icomoon .

    Das Android ist ein Google Android Fan-Website, Alles ├╝ber Android Phones, Android Wear, Android Dev und Android Spiele Apps und so weiter.