Custom font ignored in iOS ion-tab-bar

Ionic Framework
1

For some reason, I’m able to change the font for every single area of my app except for the main ion-tab-bar labels, which appear as the Apple system default in the Simulator.

@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: normal;
  src: url("../assets/fonts/Barlow_Condensed/BarlowCondensed-Regular.ttf");
}
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: bold;
  src: url("../assets/fonts/Barlow_Condensed/BarlowCondensed-Bold.ttf");
}

@font-face {
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: normal;
  src: url("../assets/fonts/Barlow_Condensed/BarlowCondensed-Italic.ttf");
}

@font-face {
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: bold;
  src: url("../assets/fonts/Barlow_Condensed/BarlowCondensed-BoldItalic.ttf");
}

:root{
  /* ROOT FONTS */
  --ion-default-font: "Barlow Condensed", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif !important;
  --ion-font-family: "Barlow Condensed", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif !important;
}

html,
html.ios,
html.android{
  --ion-dynamic-font: "Barlow Condensed", -apple-system, BlinkMacSystemFont,
  "Helvetica Neue", "Roboto", sans-serif !important;
  --ion-default-font: "Barlow Condensed", -apple-system, BlinkMacSystemFont,
  "Helvetica Neue", "Roboto", sans-serif !important;
  --ion-font-family: "Barlow Condensed", -apple-system, BlinkMacSystemFont,
  "Helvetica Neue", "Roboto", sans-serif !important;
}

What am I missing?

2

The style overrides that worked…

/* @font-face omitted, see above */
:root{
  --ion-dynamic-font: var(--ion-default-dynamic-font);
  --ion-font-family: "Barlow Condensed";
}

@supports (-webkit-touch-callout: none){
  html ion-tab-button ion-label,
  html.ios ion-tab-button ion-label,
  html.android ion-tab-button ion-label{
    font-family: var(--ion-font-family) !important; 
  }
}

UPDATE: This worked as expected in the browser (ionic serve) but fonts don’t scale in the iOS Simulator when using any custom font, from what I can tell. I’m just going back to my custom in-app font size settings rather than use the default system font for now. If someone has more to add, please do!