解决方案

Question

我正在尝试覆盖整个网站的jQuery移动默认字体。

我已经看到有jQuery主题滚动，但我认为添加整个主题只是为了更改字体有点太多了。

css中是否有选择器可以帮助我选择所有文本然后应用我的字体？

Answer 1

解决方案

你可以这样设置：

* {
    font: 14px Calibri,Arial !important;
}

以下是一个例子：

http://jsfiddle.net/Gajotres/AzXdT/

最后的笔记

如果您想了解有关如何自定义jQuery Mobile页面和小部件的更多信息，请查看 article 。它附带了许多工作示例，包括为什么是jQuery Mobile必不可少的。

Answer 2

您需要做的就是查看jQuery Mobile CSS，找出当前设置的字体选择器，然后在您自己的CSS中覆盖该选择器的值。

Answer 3

这些是我到目前为止找到的类：

.ui-body-a, .ui-body-a input, .ui-body-a select, .ui-body-a textarea, .ui-body-a button, .ui-btn-up-a,
.ui-body-b, .ui-body-b input, .ui-body-b select, .ui-body-b textarea, .ui-body-b button, .ui-btn-up-b,
.ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button, .ui-btn-up-c,
.ui-body-d, .ui-body-d input, .ui-body-d select, .ui-body-d textarea, .ui-body-d button, .ui-btn-up-d,
.ui-dialog > *, .ui-widget input

Answer 4

您需要在jquery-mobile css文件中找到以下行并修改它以指定所需的字体。

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

如果你使用-b，-c等样式，你还需要修改它们

如何更改所有jQuery Mobile文本的默认字体

4 个答案:

解决方案

最后的笔记