2014-05-06 13 views
7

Ich habe Fontastic.me verwendet, um ein Iconfont zu erstellen. Es funktioniert gut, außer im nativen Browser von Android 4.2.2 und 4.3 (zB: moderne Samsung Tablets). In diesen Browsern haben die Zeichen der gesamten Schriftart keine Breite. Dies tritt bei jeder Schriftart auf, die mit Fontastic.me erstellt wurde (sogar die Schriften, die es selbst liefert). Dies ist ein großes Problem beim Zentrieren der Symbole (horizontal).Iconfont Zeichenraum kollabiert in Android (Fontastic)

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 sicher, dass es wegen der Fontastic ist, weil, wenn ich Icomoon als fontgenerator verwenden, tritt das Problem nicht auf. Ich habe auch den Besitzer benachrichtigt, aber er sagt, dass er sich nicht darum kümmern kann, weil er jetzt nicht einen Android Emulator auf seinem Mac installiert.

Hat jemand einen Hinweis darauf, was hier passiert? Was verursacht den Zusammenbruch des Zeichenraums?

+0

Das gleiche hier. Es ist auch schlecht, wenn Sie Text direkt neben den Symbolen haben. Das Symbol wird sich dann mit dem Text überschneiden. Anscheinend ist dies noch nicht von Fontastic.me gelöst worden. – hupf

Antwort

1

Ich hatte das gleiche Problem gestern. Ich habe es mit ein bisschen Arbeit gelöst. Wie du schon sagtest, wenn du das Icon mit text-align: center zentrieren willst; es endet mehr nach rechts. Wenn Sie es nach links setzen, richtet es sich wie vorgesehen nach links aus. Also habe ich das Speudo-Element genau so breit wie das Icon gemacht und das speudo-Element mit dem Rand zentriert: 0 auto; In diesem Fall können Sie das Text-Align auf der linken Seite belassen.

Ich weiß, es ist nicht die perfekte Lösung, aber für den Moment funktioniert es für mich und vielleicht auch für Sie.

+0

Das war in der Tat eine gute Option. Wir haben es am Ende mit Icomoon gelöst. – WouterLemoine