Override font css
Posted: Fri Oct 10, 2014 4:10 pm
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!