Changing font-family with jquery mobile

Question

without jq it works http://jsfiddle.net/AaT9b/17/

and with it doesn't http://jsfiddle.net/AaT9b/16/

can this only be changed by adding a new theme with themeroller ?

Answer 1

jquery.mobile-1.0.1.min.css CSS includes this:

.ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button {
    font-family: Helvetica,Arial,sans-serif;
}

That is over writing your inline css.

So if you give you inline style higher importance, it will work:

body .ui-body-c{
    font-family:"Lucida Grande";
    font-size:200%;
}

See - http://jsfiddle.net/AaT9b/19/