Fontawesome случайно показывает прямоугольники в приложении для Android

Я работаю над приложениями для телефонных разговоров со сборками для iOS и Android. Так или иначе, сборка Android работает странно. В случайном порядке некоторые шрифтовые значки отображаются неправильно. Это происходит только на сборке Android.

Шрифт-awesome служит из локальной файловой системы. Я уже провел некоторое исследование.

  • font-awesome.min.css ссылается на правильные файлы шрифтов.
  • У меня нет противоречивых семейств шрифтов в моем CSS.
  • Я использую правильные шрифтовые удивительные классы.
  • Font-awesome фактически загружен правильно.

Я надеюсь, что раньше у кого-то был этот вопрос.

Вот мой код, который загружает шрифт - потрясающий.

<head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="msapplication-tap-highlight" content="no" />
        <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
        <link rel="stylesheet" type="text/css" href="css/index.css" />
        <link rel="stylesheet" href="css/font-awesome.min.css">

Как вы можете видеть, шрифты-удивительные значки (вверху слева и справа вверху) показывают прямоугольники, однако другие значки, похожие на шрифты, отображаются правильно.

android,html,css,cordova,font-awesome,

2

Ответов: 1


2 принят

Сделал еще несколько тестов, и казалось, что по какой-то причине шрифт-awesome не был полностью загружен или что-то в этом роде. После изменения некоторого css в инспекторе css обновился, а затем значки будут отображаться правильно. Я не могу точно определить точную причину, но похоже, что он должен что-то делать с кешем. Вместо того, чтобы загружать все css в голову, я поместил css в нижнюю часть страницы. Это устранило проблему! Протестировано несколько раз, и значки продолжают отображаться правильно! Все равно, спасибо за помощь.

андроид, HTML, CSS, Cordova, шрифт-удивительный,
Похожие вопросы