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?
1 post - 1 participant