我正在嘗試覆蓋整個網站的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