Override font css
Hello,
I'm trying to override the the font of my application with my own font. It's working for all elements EXCEPT the label element.
This is my code:
code
@font-face {
font-family: din;
src: url(../image/din_pro.ttf);
}
html {
font-size: 100%;
}
body,
input,
select,
textarea,
button,
.ui-btn {
font-family: din /{global-font-family}/ !important;
}
.ui-mobile label, .ui-controlgroup-label {
font-family: din /{global-font-family}/;
}
/code
Al of my elements are being replaced with my font but the label still only has the four basic fonts in the builder.
Any ideas? Thanks!