Кнопка назад иона 2 или любой значок не отображается. отображается только маленькая иконка

Question

Я сталкиваюсь с этой проблемой значков на многих экранах. например. У меня есть один экран, где я добавил значок в левой части панели навигации. но это вовсе не показывает значок. только небольшой задний ящик показывает. Вот мой код:

 <ion-buttons>
    <button ion-button >
        <ion-icon name="close"></ion-icon>
      </button>
       </ion-buttons

Я использую это также:

 <ion-buttons>
        <button ion-button >
<ion-icon ios="ios-close" md="md-close"></ion-icon>
 </button>
           </ion-buttons

но не использовать. Тем не менее черный значок маленького ящика показывает.

Хорошо, теперь я попытался с помощью push nav.но там alos его не отображается кнопка назад. Вот мой код:

мой дом.html:

  <button class="button button-outline footerbtnone" (click)="login()">LOG IN</button>

мой дом.js

 constructor(public navCtrl: NavController) {
  }
login() {
    this.navCtrl.push(LoginPage);

  }

Но когда я перееду в LoginPage я не вижу значок кнопки назад. Тем не менее, я вижу маленький значок черного ящика. Вот это изображение:

Пожалуйста, помогите мне. Что я пропускаю.

Спасибо

Answer 1

Квадраты, вероятно, сигнализируют о том, что шрифт либо загружается неправильно, либо браузер пытается использовать альтернативный шрифт. Простой способ убедиться, что шрифт ionicons загружается вообще, - это проверить свои источники в Chrome Dev Tools. Моя выглядит так: http://localhost:8100/assets/fonts/ionicons.woff2?v=3.0.0-alpha.3

Если вы не видите, что этот файл (или что-то подобное) загружается, тогда нет шрифта для рендеринга.

Шрифт ionicon должен загружаться автоматически, если на него есть ссылка в файле package.json и он находится в папке node_modules. После проверки этого, если шрифт не загружается, убедитесь, что у вас нет каких-либо других импортов / переменных CSS, которые переопределяют импорт шрифтов ionicons. например что-то вроде этого:

 * {font-family: 'Lato' !important;}

Вышеуказанное приведет к тому, что шрифт ionicons никогда не будет загружен, потому что указано, что Lato должен использоваться для всех глифов, переопределяя более ранний импорт @ionicons.