2

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

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

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

4

4 回答 4

5

解决方案

您可以像这样简单地设置它:

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

这是一个例子:

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

最后的笔记

如果您想了解更多关于如何自定义 jQuery Mobile 页面和小部件的信息,请查看这篇文章。它附带了许多工作示例,包括为什么 !important 对于 jQuery Mobile 是必需的。

于 2012-12-20T18:29:45.003 回答
2

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

于 2012-12-20T18:13:48.370 回答
1

这些是我到目前为止找到的课程:

.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
于 2020-07-29T08:43:31.813 回答
0

您需要在 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-20T18:30:54.787 回答