我正在尝试覆盖整个网站的jQuery手机默认字体。如何更改所有jQuery Mobile文本的默认字体

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

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

2012-12-20 Distwo

用你的开发者工具，在大多数现代浏览器，你可以选择页面上的元素，看看哪些CSS规则适用于元素，您还能够看到代码可以找到的样式表的哪一行。 'F12'似乎是访问开发人员工具的标准方式。 – Jasper

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

2012-12-20 18:13:48

因此，没有选择器可以一次选择所有文本（包括标签，按钮......）？ – Distwo

@Distwo - html {...}会为整个页面设置字体，但是您需要有一个比jQuery Mobile选择器更具体或更具体的选择器来覆盖它的值（否则，jQuery Mobile选择器将优先）。 –

由于很多原因，更改JQuery Mobile CSS是一个非常糟糕的主意。只需创建自己的风格并覆盖JQM的字体。 – mandril

解决方案

您可以简单地设置这样的：

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

下面是一个例子：

最后说明

如果您想了解更多关于如何自定义jQuery Mobile页面和小部件然后t看看这个article。它附带了很多工作示例，其中包括为什么对于jQuery Mobile来说非常重要。

2012-12-20 18:29:45 Gajotres

您需要在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等款式，你还需要对它们进行修改

2012-12-20 18:30:54