Forum | Appery.io

I'm trying to change the fonts using across the entire App to 'Arial Narrow'.

I managed to change the font of almost everything except labels using the following:

pre
body,
input,
select,
textarea,
button,
.ui-btn {
font-family: "Arial Narrow", Arial, sans-serif !important /{global-font-family}/;
}
/pre

The previous CSS, will change the font globally for all the items. However, the new font does not apply to the labels. I can change the font for the labels by creating new class:

pre
.c_font{
font-family: "Arial Narrow", Arial, sans-serif !important;
}
/pre

But using this way, I will have to use this class for every single label (I have a lot).
Is there a way to apply the font globally to all labels (default) in the same way I've done for button?

Thanks,

Hello,

Please add "div" component into your CSS selector:
change:prebody,
input,
select,
textarea,
button,
.ui-btn {
font-family: "Arial Narrow", Arial, sans-serif !important /{global-font-family}/;
}/pre

into:
prebody,
input,
select,
textarea,
button,
div,
.ui-btn {
font-family: "Arial Narrow", Arial, sans-serif !important /{global-font-family}/;
}/pre