使用jquery mobile更改font

使用jquery mobile更改font-family(Changing font-family with jquery mobile)

没有jq它的作品http://jsfiddle.net/AaT9b/17/

并与它不http://jsfiddle.net/AaT9b/16/

这只能通过添加一个新的主题与美乐家改变？

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 ?

最满意答案

jquery.mobile-1.0.1.min.css CSS包括：

.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; }

这是写你的内联CSS。

所以如果你给予你内联风格更高的重要性，它将起作用：

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

请参阅 - http://jsfiddle.net/AaT9b/19/

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/