Funkcja charyterspace Iconfont upada na Androida (Fontastic)

Question

Użyłem Fontastic.me do stworzenia ikony. Działa świetnie, z wyjątkiem rodzimej przeglądarki Androida 4.2.2 i 4.3 (np. Nowoczesne tablety Samsung). W tych przeglądarkach znaki całej czcionki nie mają szerokości. Dzieje się tak w przypadku każdej czcionki stworzonej za pomocą Fontastic.me (nawet czcionki, które sama dostarcza). Jest to poważny problem podczas centrowania ikon (w poziomie).

Mam stronę internetową do przetestowania: http://ajuin2013.boondoggle.eu/fontastic-streamlineicons/icons-reference.html. Różowy kolor pokazuje szerokość postaci. Poniższy zrzut ekranu porównuje normalne zachowanie z AndroidBrowser-zachowania: http://ajuin2013.boondoggle.eu/fontastic-streamlineicons/fontastic.png

Jestem pewien, że to ze względu na Fontastic, ponieważ podczas korzystania Icomoon jak fontgenerator, problem nie występuje. Powiadomiłem też właściciela, ale on mówi, że nie może się temu przyjrzeć, ponieważ nie ma teraz sposobu zainstalowania emulatora Androida na swoim Macu.

Czy ktoś ma pojęcia, co się tutaj dzieje? Co powoduje zwinięcie przestrzeni postaci?

Answer 1

Wczoraj miałem ten sam problem. Rozwiązałem go z odrobiną pracy. Tak jak powiedziałeś, kiedy chcesz wyśrodkować ikonę z wyrównaniem tekstu: środek; kończy się bardziej w prawo. Jeśli umieścisz go po lewej stronie, zostanie wyrównany w lewo zgodnie z przeznaczeniem. Zrobiłem więc element speudo dokładnie taką samą szerokość jak ikona i wyśrodkowałem element speudo z marginesem: 0 auto; W takim przypadku możesz pozostawić wyrównanie tekstu w lewo.

Wiem, że to nie jest idealne rozwiązanie, ale na razie działa dla mnie, a może również dla ciebie.

Answer 2

Miałem ten sam problem i rozwiązałem go, używając icomoon.